react-spring-carousel 3.0.0-beta003 → 3.0.0-beta005

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-spring-carousel",
-  "version": "3.0.0-beta003",
+  "version": "3.0.0-beta005",
   "description": "A new <Carousel /> experience for the web",
   "homepage": "https://react-spring-carousel.emilianobucci.com",
   "repository": "https://github.com/Emiliano-Bucci/react-spring-carousel",
@@ -9,7 +9,6 @@
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm",
   "type": "module",
-  "types": "./dist/types/index.d.ts",
   "files": [
     "dist"
   ],
@@ -40,8 +39,6 @@
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@rollup/plugin-node-resolve": "^13.1.3",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addon-interactions": "^6.5.12",
@@ -64,6 +61,7 @@
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "rollup": "^3.1.0",
+    "typescript": "^4.8.4",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-exclude-dependencies-from-bundle": "^1.1.22",
     "rollup-plugin-filesize": "^9.1.2",
@@ -71,13 +69,13 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-visualizer": "^5.8.2",
-    "typescript": "^4.8.4",
-    "react-spring-carousel": "^3.0.0-beta002"
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@react-spring/web": "^9.5.5"
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "@react-spring/web": "^9.5.5"
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
     "@use-gesture/react": "^10.2.20",

package/dist/esm/useThumbsModule-12c81348.js

@@ -1,168 +0,0 @@
-import { useRef, useEffect } from 'react';
-import screenfull from 'screenfull';
-import { jsx } from 'react/jsx-runtime';
-import { useSpring } from '@react-spring/web';
-
-const eventLabel = "RSC::Event";
-function useEventsModule() {
-    const targetEvent = useRef(null);
-    useEffect(() => {
-        targetEvent.current = document.createElement("div");
-    }, []);
-    function useListenToCustomEvent(eventHandler) {
-        useEffect(() => {
-            function handleEvent(event) {
-                eventHandler(event.detail);
-            }
-            if (targetEvent.current) {
-                // @ts-ignore
-                targetEvent.current.addEventListener(eventLabel, handleEvent, false);
-                return () => {
-                    var _a;
-                    // @ts-ignore
-                    (_a = targetEvent.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(eventLabel, handleEvent, false);
-                };
-            }
-        }, []);
-    }
-    function emitEvent(event) {
-        if (targetEvent.current) {
-            const newEvent = new CustomEvent(eventLabel, {
-                detail: event,
-            });
-            targetEvent.current.dispatchEvent(newEvent);
-        }
-    }
-    return {
-        useListenToCustomEvent,
-        emitEvent,
-    };
-}
-
-function useFullscreenModule({ mainCarouselWrapperRef, emitEvent, handleResize, }) {
-    const isFullscreen = useRef(false);
-    useEffect(() => {
-        function handleFullscreenChange() {
-            if (document.fullscreenElement) {
-                setIsFullscreen(true);
-                emitEvent({
-                    eventName: "onFullscreenChange",
-                    isFullscreen: true,
-                });
-                handleResize && handleResize();
-            }
-            if (!document.fullscreenElement) {
-                setIsFullscreen(false);
-                emitEvent({
-                    eventName: "onFullscreenChange",
-                    isFullscreen: false,
-                });
-                handleResize && handleResize();
-            }
-        }
-        if (screenfull.isEnabled) {
-            screenfull.on("change", handleFullscreenChange);
-            return () => {
-                if (screenfull.isEnabled) {
-                    screenfull.off("change", handleFullscreenChange);
-                }
-            };
-        }
-    }, []);
-    function setIsFullscreen(_isFullscreen) {
-        isFullscreen.current = _isFullscreen;
-    }
-    function getIsFullscreen() {
-        return isFullscreen.current;
-    }
-    function enterFullscreen(elementRef) {
-        if (screenfull.isEnabled) {
-            screenfull.request((elementRef || mainCarouselWrapperRef.current));
-        }
-    }
-    function exitFullscreen() {
-        screenfull.isEnabled && screenfull.exit();
-    }
-    return {
-        enterFullscreen,
-        exitFullscreen,
-        getIsFullscreen,
-    };
-}
-
-function isInViewport(el) {
-    const rect = el.getBoundingClientRect();
-    return (rect.top >= 0 &&
-        rect.left >= 0 &&
-        rect.bottom <=
-            (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
-}
-function useThumbsModule({ thumbsSlideAxis = "x", withThumbs = false, prepareThumbsData, items, }) {
-    const wrapperRef = useRef(null);
-    const [spring, setSpring] = useSpring(() => ({
-        val: 0,
-    }));
-    function getTotalScrollValue() {
-        var _a;
-        return Math.round(Number((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a[thumbsSlideAxis === "x" ? "scrollWidth" : "scrollHeight"]) -
-            wrapperRef.current.getBoundingClientRect()[thumbsSlideAxis === "x" ? "width" : "height"]);
-    }
-    function handleScroll(activeItem) {
-        var _a, _b;
-        function getThumbNode() {
-            if (wrapperRef.current) {
-                return wrapperRef.current.querySelector(`#thumb-item-${items[activeItem].id}`);
-            }
-            return null;
-        }
-        const thumbNode = getThumbNode();
-        if (thumbNode && wrapperRef.current) {
-            if (!isInViewport(thumbNode)) {
-                const offset = thumbNode.offsetLeft;
-                const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset;
-                setSpring.start({
-                    from: {
-                        val: (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a[thumbsSlideAxis === "x" ? "scrollLeft" : "scrollTop"]) !== null && _b !== void 0 ? _b : 0,
-                    },
-                    to: {
-                        val,
-                    },
-                    onChange: ({ value }) => {
-                        if (wrapperRef.current) {
-                            wrapperRef.current[thumbsSlideAxis === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(value.val);
-                        }
-                    },
-                });
-            }
-        }
-    }
-    function handlePrepareThumbsData() {
-        function getPreparedItems(_items) {
-            return _items.map((i) => ({
-                id: i.id,
-                renderThumb: i.renderThumb,
-            }));
-        }
-        if (prepareThumbsData) {
-            return prepareThumbsData(getPreparedItems(items));
-        }
-        return getPreparedItems(items);
-    }
-    const thumbsFragment = withThumbs ? (jsx("div", Object.assign({ className: "use-spring-carousel-thumbs-wrapper", ref: wrapperRef, onWheel: () => spring.val.stop(), style: Object.assign({ display: "flex", flex: "1", position: "relative", width: "100%", height: "100%", flexDirection: thumbsSlideAxis === "x" ? "row" : "column" }, (thumbsSlideAxis === "x"
-            ? { overflowX: "auto" }
-            : {
-                overflowY: "auto",
-                maxHeight: "100%",
-            })) }, { children: handlePrepareThumbsData().map(({ id, renderThumb }) => {
-            const thumbId = `thumb-item-${id}`;
-            return (jsx("div", Object.assign({ id: thumbId, className: "thumb-item" }, { children: renderThumb }), thumbId));
-        }) }))) : null;
-    return {
-        thumbsFragment,
-        handleScroll,
-    };
-}
-
-export { useThumbsModule as a, useFullscreenModule as b, useEventsModule as u };
-//# sourceMappingURL=useThumbsModule-12c81348.js.map

package/dist/esm/useThumbsModule-12c81348.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThumbsModule-12c81348.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useFullscreenModule.ts","../../src/modules/useThumbsModule.tsx"],"sourcesContent":["import { FullGestureState } from \"@use-gesture/react\";\nimport { useEffect, useRef } from \"react\";\nimport { SlideActionType, SlideMode } from \"../types/common\";\n\nconst eventLabel = \"RSC::Event\";\n\ntype OnSlideStartChange = {\n  eventName: \"onSlideStartChange\";\n  slideActionType: SlideActionType;\n  slideMode: SlideMode;\n  nextItem: {\n    index: number;\n    id: string;\n    startReached: boolean;\n    endReached: boolean;\n  };\n};\ntype OnSlideChange = {\n  eventName: \"onSlideChange\";\n  slideActionType: SlideActionType;\n  slideMode: SlideMode;\n  currentItem: {\n    index: number;\n    id: string;\n    startReached: boolean;\n    endReached: boolean;\n  };\n};\ntype OnFullscreenChange = {\n  eventName: \"onFullscreenChange\";\n  isFullscreen: boolean;\n};\ntype OnDrag = Omit<FullGestureState<\"drag\">, \"event\"> & {\n  eventName: \"onDrag\";\n  slideActionType: SlideActionType;\n};\n\ntype Events = OnSlideStartChange | OnSlideChange | OnDrag | OnFullscreenChange;\n\ntype EventHandler = (props: Events) => void;\n\nexport type EmitEvent = (event: Events) => void;\nexport type UseListenToCustomEvent = {\n  useListenToCustomEvent: (eventHandler: EventHandler) => void;\n  emitEvent: (event: Events) => void;\n};\n\nexport function useEventsModule() {\n  const targetEvent = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    targetEvent.current = document.createElement(\"div\");\n  }, []);\n\n  function useListenToCustomEvent(eventHandler: EventHandler) {\n    useEffect(() => {\n      function handleEvent(event: CustomEvent<Events>) {\n        eventHandler(event.detail);\n      }\n\n      if (targetEvent.current) {\n        // @ts-ignore\n        targetEvent.current.addEventListener(eventLabel, handleEvent, false);\n        return () => {\n          // @ts-ignore\n          targetEvent.current?.removeEventListener(\n            eventLabel,\n            handleEvent,\n            false\n          );\n        };\n      }\n    }, []);\n  }\n  function emitEvent(event: Events) {\n    if (targetEvent.current) {\n      const newEvent = new CustomEvent(eventLabel, {\n        detail: event,\n      });\n      targetEvent.current.dispatchEvent(newEvent);\n    }\n  }\n\n  return {\n    useListenToCustomEvent,\n    emitEvent,\n  };\n}\n","import { useRef, MutableRefObject, useEffect } from \"react\";\nimport screenfull from \"screenfull\";\nimport { EmitEvent } from \"./useEventsModule\";\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>;\n  emitEvent: EmitEvent;\n  handleResize?(): void;\n};\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  emitEvent,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false);\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true);\n        emitEvent({\n          eventName: \"onFullscreenChange\",\n          isFullscreen: true,\n        });\n\n        handleResize && handleResize();\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false);\n        emitEvent({\n          eventName: \"onFullscreenChange\",\n          isFullscreen: false,\n        });\n        handleResize && handleResize();\n      }\n    }\n\n    if (screenfull.isEnabled) {\n      screenfull.on(\"change\", handleFullscreenChange);\n      return () => {\n        if (screenfull.isEnabled) {\n          screenfull.off(\"change\", handleFullscreenChange);\n        }\n      };\n    }\n  }, []);\n\n  function setIsFullscreen(_isFullscreen: boolean) {\n    isFullscreen.current = _isFullscreen;\n  }\n\n  function getIsFullscreen() {\n    return isFullscreen.current;\n  }\n\n  function enterFullscreen(elementRef?: HTMLElement) {\n    if (screenfull.isEnabled) {\n      screenfull.request(\n        (elementRef || mainCarouselWrapperRef.current) as Element\n      );\n    }\n  }\n\n  function exitFullscreen() {\n    screenfull.isEnabled && screenfull.exit();\n  }\n\n  return {\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n  };\n}\n","import { useSpring } from \"@react-spring/web\";\nimport { useRef } from \"react\";\nimport {\n  SpringCarouselWithThumbs,\n  PrepareThumbsData,\n} from \"src/types/internals\";\n\ntype Props = {\n  withThumbs?: boolean;\n  thumbsSlideAxis: SpringCarouselWithThumbs[\"thumbsSlideAxis\"];\n  prepareThumbsData?: PrepareThumbsData;\n  items: SpringCarouselWithThumbs[\"items\"];\n};\n\nfunction isInViewport(el: HTMLElement) {\n  const rect = el.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <=\n      (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\nexport function useThumbsModule({\n  thumbsSlideAxis = \"x\",\n  withThumbs = false,\n  prepareThumbsData,\n  items,\n}: Props) {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [spring, setSpring] = useSpring(() => ({\n    val: 0,\n  }));\n\n  function getTotalScrollValue() {\n    return Math.round(\n      Number(\n        wrapperRef.current?.[\n          thumbsSlideAxis === \"x\" ? \"scrollWidth\" : \"scrollHeight\"\n        ]\n      ) -\n        wrapperRef.current!.getBoundingClientRect()[\n          thumbsSlideAxis === \"x\" ? \"width\" : \"height\"\n        ]\n    );\n  }\n\n  function handleScroll(activeItem: number) {\n    function getThumbNode() {\n      if (wrapperRef.current) {\n        return wrapperRef.current.querySelector(\n          `#thumb-item-${items[activeItem].id}`\n        ) as HTMLElement;\n      }\n      return null;\n    }\n\n    const thumbNode = getThumbNode();\n    if (thumbNode && wrapperRef.current) {\n      if (!isInViewport(thumbNode)) {\n        const offset = thumbNode.offsetLeft;\n        const val =\n          offset > getTotalScrollValue() ? getTotalScrollValue() : offset;\n\n        setSpring.start({\n          from: {\n            val:\n              wrapperRef.current?.[\n                thumbsSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n              ] ?? 0,\n          },\n          to: {\n            val,\n          },\n          onChange: ({ value }) => {\n            if (wrapperRef.current) {\n              wrapperRef.current[\n                thumbsSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n              ] = Math.abs(value.val);\n            }\n          },\n        });\n      }\n    }\n  }\n\n  function handlePrepareThumbsData() {\n    function getPreparedItems(\n      _items: ReturnType<PrepareThumbsData>\n    ): ReturnType<PrepareThumbsData> {\n      return _items.map((i) => ({\n        id: i.id,\n        renderThumb: i.renderThumb,\n      }));\n    }\n\n    if (prepareThumbsData) {\n      return prepareThumbsData(getPreparedItems(items));\n    }\n    return getPreparedItems(items);\n  }\n\n  const thumbsFragment = withThumbs ? (\n    <div\n      className=\"use-spring-carousel-thumbs-wrapper\"\n      ref={wrapperRef}\n      onWheel={() => spring.val.stop()}\n      style={{\n        display: \"flex\",\n        flex: \"1\",\n        position: \"relative\",\n        width: \"100%\",\n        height: \"100%\",\n        flexDirection: thumbsSlideAxis === \"x\" ? \"row\" : \"column\",\n        ...(thumbsSlideAxis === \"x\"\n          ? { overflowX: \"auto\" }\n          : {\n              overflowY: \"auto\",\n              maxHeight: \"100%\",\n            }),\n      }}\n    >\n      {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n        const thumbId = `thumb-item-${id}`;\n        return (\n          <div key={thumbId} id={thumbId} className=\"thumb-item\">\n            {renderThumb}\n          </div>\n        );\n      })}\n    </div>\n  ) : null;\n\n  return {\n    thumbsFragment,\n    handleScroll,\n  };\n}\n"],"names":["_jsx"],"mappings":"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"}