@pdfslick/react 3.0.0 → 4.0.0

package/README.md

@@ -102,6 +102,10 @@ Provided with the PDF Document path and PDFSlick options object, the `usePDFSlic
 
 [More on using PDFSlick with React](https://pdfslick.dev/docs/react) | [Checkout the React Examples](./apps/web/examples)
 
+## Author
+
+PDFSlick was conceived and developed, and is currently maintained by [Vancho Stojkov](https://github.com/van100j), who embarked on this project with the vision of simplifying PDF integration for modern web frameworks, leveraging the power of PDF.js while providing a developer-friendly API.
+
 ## Thanks
 
 - [Vane Kosturanov](https://kosturanov.com/portfolio/logo-branding-design) for designing the logo

package/dist/esm/PDFSlickThumbnails.d.ts

@@ -16,5 +16,5 @@ export type PDFSlickThumbnailsContainerProps = {
     usePDFSlickStore: TUsePDFSlickStore;
     className?: string;
 };
-export declare function PDFSlickThumbnails({ children: renderChild, thumbsRef, usePDFSlickStore, className, }: PDFSlickThumbnailsContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PDFSlickThumbnails({ children: renderChild, thumbsRef, usePDFSlickStore, className, }: PDFSlickThumbnailsContainerProps): import("react").JSX.Element;
 //# sourceMappingURL=PDFSlickThumbnails.d.ts.map

package/dist/esm/PDFSlickThumbnails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PDFSlickThumbnails.d.ts","sourceRoot":"","sources":["../PDFSlickThumbnails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,QAAQ,EAAE,CAAC,EACT,UAAU,EACV,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAM,GACP,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACpC,SAAS,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EAAE,WAAW,EACrB,SAAS,EACT,gBAAgB,EAChB,SAAS,GACV,EAAE,gCAAgC,2CA8ClC"}
+{"version":3,"file":"PDFSlickThumbnails.d.ts","sourceRoot":"","sources":["../PDFSlickThumbnails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,QAAQ,EAAE,CAAC,EACT,UAAU,EACV,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAM,GACP,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACpC,SAAS,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EAAE,WAAW,EACrB,SAAS,EACT,gBAAgB,EAChB,SAAS,GACV,EAAE,gCAAgC,+BA8ClC"}

package/dist/esm/PDFSlickViewer.d.ts

@@ -4,5 +4,5 @@ export type PDFSlickViewerProps = {
     usePDFSlickStore: TUsePDFSlickStore;
     className?: string;
 };
-export default function PDFSlickViewer({ usePDFSlickStore, viewerRef, className, }: PDFSlickViewerProps): import("react/jsx-runtime").JSX.Element;
+export default function PDFSlickViewer({ usePDFSlickStore, viewerRef, className, }: PDFSlickViewerProps): import("react").JSX.Element;
 //# sourceMappingURL=PDFSlickViewer.d.ts.map

package/dist/esm/PDFSlickViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PDFSlickViewer.d.ts","sourceRoot":"","sources":["../PDFSlickViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,2CAyCrB"}
+{"version":3,"file":"PDFSlickViewer.d.ts","sourceRoot":"","sources":["../PDFSlickViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,+BAyCrB"}

package/dist/esm/hooks.d.ts

@@ -0,0 +1,23 @@
+import { type DependencyList } from "react";
+type Rect = {
+    width: number;
+    height: number;
+};
+/**
+ * Minimal `ResizeObserver`-based measure hook. Returns a stable callback ref to
+ * attach to an element plus the element's content-box size. Replaces
+ * `react-use`'s `useMeasure` (we only consume `width`), so `@pdfslick/react`
+ * carries no `react-use`/`js-cookie` transitive dependency.
+ */
+export declare function useMeasure<T extends HTMLElement = HTMLElement>(): [
+    (el: T | null) => void,
+    Rect
+];
+/**
+ * Minimal debounce hook mirroring `react-use`'s `useDebounce(fn, ms, deps)`:
+ * runs `fn` once `deps` have been stable for `ms`. The `[isReady, cancel]`
+ * tuple `react-use` returns is unused here, so this resolves to `void`.
+ */
+export declare function useDebounce(fn: () => void, ms: number, deps: DependencyList): void;
+export {};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/esm/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAA4C,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,KAAK,IAAI,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,KAAK;IACjE,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI;IACtB,IAAI;CACL,CAuBA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,EAAE,EAAE,MAAM,IAAI,EACd,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,cAAc,GACnB,IAAI,CAMN"}

package/dist/esm/index.js

@@ -1,9 +1,8 @@
-import React, { useState, useMemo, useCallback, useEffect } from 'react';
+import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import useSyncExternalStoreExports from 'use-sync-external-store/shim/with-selector.js';
 import { create, PDFSlick } from '@pdfslick/core';
 export * from '@pdfslick/core';
 import { jsx } from 'react/jsx-runtime';
-import { useMeasure, useDebounce } from 'react-use';
 import { createPortal } from 'react-dom';
 
 const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;
@@ -20,6 +19,47 @@ function useStoreWithEqualityFn(api, selector = identity, equalityFn) {
   return slice;
 }
 
+/// <reference lib="dom" />
+/**
+ * Minimal `ResizeObserver`-based measure hook. Returns a stable callback ref to
+ * attach to an element plus the element's content-box size. Replaces
+ * `react-use`'s `useMeasure` (we only consume `width`), so `@pdfslick/react`
+ * carries no `react-use`/`js-cookie` transitive dependency.
+ */
+function useMeasure() {
+    const [rect, setRect] = useState({ width: 0, height: 0 });
+    const observerRef = useRef(null);
+    const ref = useCallback((el) => {
+        var _a;
+        (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        observerRef.current = null;
+        if (el && typeof ResizeObserver !== "undefined") {
+            observerRef.current = new ResizeObserver((entries) => {
+                const entry = entries[0];
+                if (entry) {
+                    const { width, height } = entry.contentRect;
+                    setRect({ width, height });
+                }
+            });
+            observerRef.current.observe(el);
+        }
+    }, []);
+    useEffect(() => () => { var _a; return (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect(); }, []);
+    return [ref, rect];
+}
+/**
+ * Minimal debounce hook mirroring `react-use`'s `useDebounce(fn, ms, deps)`:
+ * runs `fn` once `deps` have been stable for `ms`. The `[isReady, cancel]`
+ * tuple `react-use` returns is unused here, so this resolves to `void`.
+ */
+function useDebounce(fn, ms, deps) {
+    useEffect(() => {
+        const timeout = setTimeout(fn, ms);
+        return () => clearTimeout(timeout);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+
 function PDFSlickViewer({ usePDFSlickStore, viewerRef, className, }) {
     const pdfSlick = usePDFSlickStore((s) => s.pdfSlick);
     const scaleValue = usePDFSlickStore((s) => s.scaleValue);