@spark-ui/hooks 10.8.2 → 10.10.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.10.0](https://github.com/leboncoin/spark-web/compare/v10.9.0...v10.10.0) (2025-07-03)
+
+**Note:** Version bump only for package @spark-ui/hooks
+
+# [10.9.0](https://github.com/leboncoin/spark-web/compare/v10.8.2...v10.9.0) (2025-07-01)
+
+### Features
+
+- **components:** added fade scroll indicator on Drawer ([4bc8f20](https://github.com/leboncoin/spark-web/commit/4bc8f2008a4daa12c13060b91929b5dc73eaaf2c))
+- **components:** fade scroll effect on Dialog ([4b5d171](https://github.com/leboncoin/spark-web/commit/4b5d171a20e6433a61bbd6ccf7b680aa1e74c0ed))
+
 ## [10.8.2](https://github.com/leboncoin/spark-web/compare/v10.8.1...v10.8.2) (2025-07-01)
 
 **Note:** Version bump only for package @spark-ui/hooks

package/dist/use-scroll-overflow/index.d.mts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+
+interface ScrollOverflow {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+declare function useScrollOverflow(scrollRef: RefObject<HTMLElement | null>): ScrollOverflow;
+
+export { type ScrollOverflow, useScrollOverflow };

package/dist/use-scroll-overflow/index.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+
+interface ScrollOverflow {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+declare function useScrollOverflow(scrollRef: RefObject<HTMLElement | null>): ScrollOverflow;
+
+export { type ScrollOverflow, useScrollOverflow };

package/dist/use-scroll-overflow/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/use-scroll-overflow/index.ts
+var use_scroll_overflow_exports = {};
+__export(use_scroll_overflow_exports, {
+  useScrollOverflow: () => useScrollOverflow
+});
+module.exports = __toCommonJS(use_scroll_overflow_exports);
+
+// src/use-scroll-overflow/useScrollOverflow.tsx
+var import_react = require("react");
+function useScrollOverflow(scrollRef) {
+  const [overflow, setOverflow] = (0, import_react.useState)({
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  });
+  (0, import_react.useEffect)(() => {
+    const checkScrollContent = () => {
+      const scrollElement2 = scrollRef.current;
+      if (scrollElement2) {
+        const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrollElement2;
+        setOverflow({
+          top: scrollTop,
+          bottom: scrollHeight - (scrollTop + clientHeight),
+          left: scrollLeft,
+          right: scrollWidth - (scrollLeft + clientWidth)
+        });
+      }
+    };
+    checkScrollContent();
+    const scrollElement = scrollRef.current;
+    if (scrollElement) {
+      scrollElement.addEventListener("scroll", checkScrollContent);
+      window.addEventListener("resize", checkScrollContent);
+    }
+    return () => {
+      if (scrollElement) {
+        scrollElement.removeEventListener("scroll", checkScrollContent);
+        window.addEventListener("resize", checkScrollContent);
+      }
+    };
+  }, [scrollRef]);
+  return overflow;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useScrollOverflow
+});
+//# sourceMappingURL=index.js.map

package/dist/use-scroll-overflow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/use-scroll-overflow/index.ts","../../src/use-scroll-overflow/useScrollOverflow.tsx"],"sourcesContent":["export { useScrollOverflow } from './useScrollOverflow'\n\nexport type { ScrollOverflow } from './useScrollOverflow'\n","import { RefObject, useEffect, useState } from 'react'\n\nexport interface ScrollOverflow {\n  top: number\n  bottom: number\n  left: number\n  right: number\n}\n\nexport function useScrollOverflow(scrollRef: RefObject<HTMLElement | null>): ScrollOverflow {\n  const [overflow, setOverflow] = useState<ScrollOverflow>({\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n  })\n\n  useEffect(() => {\n    const checkScrollContent = () => {\n      const scrollElement = scrollRef.current\n\n      if (scrollElement) {\n        const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n          scrollElement\n\n        setOverflow({\n          top: scrollTop,\n          bottom: scrollHeight - (scrollTop + clientHeight),\n          left: scrollLeft,\n          right: scrollWidth - (scrollLeft + clientWidth),\n        })\n      }\n    }\n\n    checkScrollContent()\n\n    const scrollElement = scrollRef.current\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', checkScrollContent)\n      window.addEventListener('resize', checkScrollContent)\n    }\n\n    return () => {\n      if (scrollElement) {\n        scrollElement.removeEventListener('scroll', checkScrollContent)\n        window.addEventListener('resize', checkScrollContent)\n      }\n    }\n  }, [scrollRef])\n\n  return overflow\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA+C;AASxC,SAAS,kBAAkB,WAA0D;AAC1F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAyB;AAAA,IACvD,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AAED,8BAAU,MAAM;AACd,UAAM,qBAAqB,MAAM;AAC/B,YAAMA,iBAAgB,UAAU;AAEhC,UAAIA,gBAAe;AACjB,cAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,YAAY,IAClFA;AAEF,oBAAY;AAAA,UACV,KAAK;AAAA,UACL,QAAQ,gBAAgB,YAAY;AAAA,UACpC,MAAM;AAAA,UACN,OAAO,eAAe,aAAa;AAAA,QACrC,CAAC;AAAA,MACH;AAAA,IACF;AAEA,uBAAmB;AAEnB,UAAM,gBAAgB,UAAU;AAChC,QAAI,eAAe;AACjB,oBAAc,iBAAiB,UAAU,kBAAkB;AAC3D,aAAO,iBAAiB,UAAU,kBAAkB;AAAA,IACtD;AAEA,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,sBAAc,oBAAoB,UAAU,kBAAkB;AAC9D,eAAO,iBAAiB,UAAU,kBAAkB;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AACT;","names":["scrollElement"]}

package/dist/use-scroll-overflow/index.mjs

@@ -0,0 +1,41 @@
+// src/use-scroll-overflow/useScrollOverflow.tsx
+import { useEffect, useState } from "react";
+function useScrollOverflow(scrollRef) {
+  const [overflow, setOverflow] = useState({
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  });
+  useEffect(() => {
+    const checkScrollContent = () => {
+      const scrollElement2 = scrollRef.current;
+      if (scrollElement2) {
+        const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrollElement2;
+        setOverflow({
+          top: scrollTop,
+          bottom: scrollHeight - (scrollTop + clientHeight),
+          left: scrollLeft,
+          right: scrollWidth - (scrollLeft + clientWidth)
+        });
+      }
+    };
+    checkScrollContent();
+    const scrollElement = scrollRef.current;
+    if (scrollElement) {
+      scrollElement.addEventListener("scroll", checkScrollContent);
+      window.addEventListener("resize", checkScrollContent);
+    }
+    return () => {
+      if (scrollElement) {
+        scrollElement.removeEventListener("scroll", checkScrollContent);
+        window.addEventListener("resize", checkScrollContent);
+      }
+    };
+  }, [scrollRef]);
+  return overflow;
+}
+export {
+  useScrollOverflow
+};
+//# sourceMappingURL=index.mjs.map

package/dist/use-scroll-overflow/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/use-scroll-overflow/useScrollOverflow.tsx"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react'\n\nexport interface ScrollOverflow {\n  top: number\n  bottom: number\n  left: number\n  right: number\n}\n\nexport function useScrollOverflow(scrollRef: RefObject<HTMLElement | null>): ScrollOverflow {\n  const [overflow, setOverflow] = useState<ScrollOverflow>({\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n  })\n\n  useEffect(() => {\n    const checkScrollContent = () => {\n      const scrollElement = scrollRef.current\n\n      if (scrollElement) {\n        const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n          scrollElement\n\n        setOverflow({\n          top: scrollTop,\n          bottom: scrollHeight - (scrollTop + clientHeight),\n          left: scrollLeft,\n          right: scrollWidth - (scrollLeft + clientWidth),\n        })\n      }\n    }\n\n    checkScrollContent()\n\n    const scrollElement = scrollRef.current\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', checkScrollContent)\n      window.addEventListener('resize', checkScrollContent)\n    }\n\n    return () => {\n      if (scrollElement) {\n        scrollElement.removeEventListener('scroll', checkScrollContent)\n        window.addEventListener('resize', checkScrollContent)\n      }\n    }\n  }, [scrollRef])\n\n  return overflow\n}\n"],"mappings":";AAAA,SAAoB,WAAW,gBAAgB;AASxC,SAAS,kBAAkB,WAA0D;AAC1F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAyB;AAAA,IACvD,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AAED,YAAU,MAAM;AACd,UAAM,qBAAqB,MAAM;AAC/B,YAAMA,iBAAgB,UAAU;AAEhC,UAAIA,gBAAe;AACjB,cAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,YAAY,IAClFA;AAEF,oBAAY;AAAA,UACV,KAAK;AAAA,UACL,QAAQ,gBAAgB,YAAY;AAAA,UACpC,MAAM;AAAA,UACN,OAAO,eAAe,aAAa;AAAA,QACrC,CAAC;AAAA,MACH;AAAA,IACF;AAEA,uBAAmB;AAEnB,UAAM,gBAAgB,UAAU;AAChC,QAAI,eAAe;AACjB,oBAAc,iBAAiB,UAAU,kBAAkB;AAC3D,aAAO,iBAAiB,UAAU,kBAAkB;AAAA,IACtD;AAEA,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,sBAAc,oBAAoB,UAAU,kBAAkB;AAC9D,eAAO,iBAAiB,UAAU,kBAAkB;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AACT;","names":["scrollElement"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/hooks",
-  "version": "10.8.2",
+  "version": "10.10.0",
   "description": "Common hooks for Spark UI",
   "exports": {
     "./*": {
@@ -49,5 +49,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "cdc4e1e508a5c41c0871e6fe7e44b1f469565faf"
+  "gitHead": "15beb1b7b4c85542e622984cc8385f45e32e56d0"
 }