@pdfslick/react 2.1.4-next.0 → 2.3.0

package/dist/esm/index.js

@@ -1,11 +1,25 @@
-import { useState, useMemo, useCallback, useEffect } from 'react';
-import { useStoreWithEqualityFn } from 'zustand/traditional';
+import React, { useState, useMemo, useCallback, useEffect } 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;
+const identity = (arg) => arg;
+function useStoreWithEqualityFn(api, selector = identity, equalityFn) {
+  const slice = useSyncExternalStoreWithSelector(
+    api.subscribe,
+    api.getState,
+    api.getInitialState,
+    selector,
+    equalityFn
+  );
+  React.useDebugValue(slice);
+  return slice;
+}
+
 function PDFSlickViewer({ usePDFSlickStore, viewerRef, className, }) {
     const pdfSlick = usePDFSlickStore((s) => s.pdfSlick);
     const scaleValue = usePDFSlickStore((s) => s.scaleValue);
@@ -18,13 +32,13 @@ function PDFSlickViewer({ usePDFSlickStore, viewerRef, className, }) {
                     scaleValue === "page-width")) {
                 pdfSlick.viewer.currentScaleValue = scaleValue;
             }
-            pdfSlick === null || pdfSlick === undefined ? undefined : pdfSlick.viewer.update();
+            pdfSlick === null || pdfSlick === void 0 ? void 0 : pdfSlick.viewer.update();
         }
     }, 0, [width]);
     return (jsx("div", { ref: (el) => {
             viewerRef(el);
             resizeRef(el);
-        }, id: "viewerContainer", className: `pdfSlickContainer ${className !== null && className !== undefined ? className : ""}`, style: {
+        }, id: "viewerContainer", className: `pdfSlickContainer ${className !== null && className !== void 0 ? className : ""}`, style: {
             position: "absolute",
             inset: 0,
             overflow: "auto"
@@ -37,7 +51,7 @@ function PDFSlickThumbnails({ children: renderChild, thumbsRef, usePDFSlickStore
     const [resizeRef, { width }] = useMeasure();
     useDebounce(() => {
         if (width) {
-            pdfSlick === null || pdfSlick === undefined ? undefined : pdfSlick.forceRendering();
+            pdfSlick === null || pdfSlick === void 0 ? void 0 : pdfSlick.forceRendering();
         }
     }, 0, [width]);
     return (jsx("div", { ref: (el) => {
@@ -54,7 +68,7 @@ function PDFSlickThumbnails({ children: renderChild, thumbsRef, usePDFSlickStore
                 width: view.canvasWidth,
                 height: view.canvasHeight,
                 scale: view.scale,
-                src: (_a = view === null || view === undefined ? undefined : view.src) !== null && _a !== undefined ? _a : null,
+                src: (_a = view === null || view === void 0 ? void 0 : view.src) !== null && _a !== void 0 ? _a : null,
                 rotation: view.rotation,
                 pageLabel: view.pageLabel,
                 loaded: view.loaded,