@yoursurprise/slider 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,53 @@
+# React slider
+
+This package contains a basic modern slider. The purpose of this slider is to provide a simple React component
+which can be controlled in a userfriendly way on mobile, tablet and desktop. 
+
+This slider has the following features: 
+
+- Free scroll on mobile with native CSS scroll snapping
+- Drag to scroll on devices with a mouse
+- Buttons to navigate on devices with a mouse
+- Support for multiple variable width slides
+
+Before using this slider, please consider the following:
+- The slider only contains styling to make it functional
+- There is no configuration of aforementioned features (yet)
+
+All browsers with [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) are supported.
+
+## Installation
+
+### npm
+
+`npm install @yoursurprisecom/slider --save`
+
+### yarn
+
+`yarn add @yoursurprisecom/slider`
+
+### Import the CSS files
+
+`import "@yoursurprisecom/slider/dist/index.css";`
+
+### Implement the Slider
+
+```
+import Slider from '@yoursurprisecom/slider';
+import '@yoursurprisecom/slider/dist/index.css';
+
+export default function YourComponent() {
+    return (
+        <Slider>
+            <div>1</div>
+            <div>2</div>
+            <div>3</div>
+            <div>4</div>
+        </Slider>
+    );
+}
+```
+
+
+
+

package/dist/cjs/{src/index.d.ts → index.d.ts}

@@ -1,2 +1,2 @@
 import { Slider } from './Slider';
-export default Slider;
+export { Slider };

package/dist/cjs/index.js

@@ -1,2 +1,174 @@
-"use strict";var e,t,r=require("react/jsx-runtime"),n=require("react");!function(e){e[e.FULL=0]="FULL",e[e.PARTIAL=1]="PARTIAL",e[e.NONE=2]="NONE"}(e||(e={})),function(e){e[e.PREV=0]="PREV",e[e.NEXT=1]="NEXT"}(t||(t={}));module.exports=({children:s})=>{const c=n.useRef([]),i=n.useRef(null),l=n.useRef([]),o=n.useRef([]),[u,a]=n.useState(!1),[d,f]=n.useState(!1),[h,b]=n.useState(!1),[L,g]=n.useState({clientX:0,scrollX:0}),m=n.useRef(null),p=n.useRef(null);n.useEffect((()=>{const e=i.current;if(!e)return()=>{};const t=()=>a(e.classList.toggle("is-scrollable",e.scrollWidth>e.clientWidth));return window?.addEventListener("resize",t),t(),()=>{window?.removeEventListener("resize",t)}}),[i]),n.useEffect((()=>{i.current?.classList.toggle("is-scrollable",u)}),[u]),n.useEffect((()=>{i.current?.classList.toggle("is-dragging",d);const e=e=>{e.stopPropagation(),e.preventDefault(),b(!1),f(!1)};return d&&document?.addEventListener("mouseup",e),()=>{document?.removeEventListener("mouseup",e)}}),[d]);const E=()=>l.current[0]??o.current[0]??-1,v=()=>l.current[l.current.length-1]??o.current[o.current.length-1]??-1,N=n.useCallback((()=>{const e=v()+1===c.current.length,t=u&&!1===e,r=E()>0&&u;p.current&&m.current&&(p.current.classList.toggle("hidden",!1===t),p.current.ariaHidden=String(!1===t),m.current.classList.toggle("hidden",!1===r),m.current.ariaHidden=String(!1===r))}),[u]),R=t=>t>=.9?e.FULL:t>=.5?e.PARTIAL:e.NONE;n.useEffect((()=>{if(!i.current)return()=>{};N();const t=new IntersectionObserver((t=>{t.forEach((t=>{const r=t.target,n=Number(r.dataset.slideIndex);R(t.intersectionRatio)===e.FULL?l.current.push(n):l.current=l.current.filter((e=>e!==n)),R(t.intersectionRatio)===e.PARTIAL?o.current.push(n):o.current=o.current.filter((e=>e!==n))})),l.current=[...new Set(l.current)].sort(((e,t)=>e-t)),o.current=[...new Set(o.current)].sort(((e,t)=>e-t)),N()}),{root:i.current,threshold:[0,.5,.9]});return c.current.forEach((({element:e})=>t.observe(e))),()=>t.disconnect()}),[i,N]);const _=e=>{if(!i.current)return;const r=e===t.PREV?E()-1:v()+1,n=c.current[r];let s=0;n&&(s=e===t.PREV?n.element.offsetLeft-i.current.offsetLeft-i.current.clientWidth+n.element.clientWidth:n.element.offsetLeft-i.current.offsetLeft,i.current.scrollTo({behavior:"smooth",left:s,top:0}))};return r.jsxs("div",{className:"slider",children:[r.jsx("div",{className:"slider__wrapper",role:"list",ref:i,onMouseDown:e=>{g({...L,clientX:e.clientX,scrollX:i.current?.scrollLeft??0}),f(!0)},onMouseMove:e=>{i.current&&d&&(Math.abs(L.clientX-e.clientX)>5&&b(!0),i.current.scrollLeft=L.scrollX+L.clientX-e.clientX)},onMouseUp:()=>{f(!1)},onClickCapture:e=>{h&&(e.stopPropagation(),e.preventDefault()),b(!1)},children:n.Children.map(s,((t,n)=>r.jsx("div",{className:"slider__wrapper__slide",role:"listitem","data-slide-index":n,ref:t=>{t&&((t,r)=>{c.current[r]={element:t,visibility:e.NONE}})(t,n)},children:t},n)))}),r.jsx("button",{"aria-label":"Previous slide",type:"button",onClick:()=>_(t.PREV),ref:m,className:"slider__button slider__button--prev button button--ghost button--clean button--has-icon hidden",children:r.jsx("i",{className:"icon-chevron-left"})}),r.jsx("button",{"aria-label":"Next slide",type:"button",onClick:()=>_(t.NEXT),ref:p,className:"slider__button slider__button--next button button--ghost button--clean button--has-icon hidden",children:r.jsx("i",{className:"icon-chevron-right"})})]})};
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+var Visbility;
+(function (Visbility) {
+    Visbility[Visbility["FULL"] = 0] = "FULL";
+    Visbility[Visbility["PARTIAL"] = 1] = "PARTIAL";
+    Visbility[Visbility["NONE"] = 2] = "NONE";
+})(Visbility || (Visbility = {}));
+var NavigationDirection;
+(function (NavigationDirection) {
+    NavigationDirection[NavigationDirection["PREV"] = 0] = "PREV";
+    NavigationDirection[NavigationDirection["NEXT"] = 1] = "NEXT";
+})(NavigationDirection || (NavigationDirection = {}));
+const Slider = ({ children }) => {
+    const slides = react.useRef([]);
+    const wrapper = react.useRef(null);
+    const visibleSlideIndices = react.useRef([]);
+    const partiallyVisibleSlideIndices = react.useRef([]);
+    const [isScrollable, setIsScrollable] = react.useState(false);
+    const [isDragging, setIsDragging] = react.useState(false);
+    const [isBlockingClicks, setIsBlockingClicks] = react.useState(false);
+    const [mousePosition, setMousePosition] = react.useState({
+        clientX: 0,
+        scrollX: 0,
+    });
+    const arrowPrevRef = react.useRef(null);
+    const arrowNextRef = react.useRef(null);
+    react.useEffect(() => {
+        const currentWrapper = wrapper.current;
+        if (!currentWrapper) {
+            return () => { };
+        }
+        const checkScrollable = () => setIsScrollable(currentWrapper.classList.toggle('is-scrollable', currentWrapper.scrollWidth > currentWrapper.clientWidth));
+        window?.addEventListener('resize', checkScrollable);
+        checkScrollable();
+        return () => {
+            window?.removeEventListener('resize', checkScrollable);
+        };
+    }, [wrapper]);
+    react.useEffect(() => {
+        wrapper.current?.classList.toggle('is-scrollable', isScrollable);
+    }, [isScrollable]);
+    react.useEffect(() => {
+        wrapper.current?.classList.toggle('is-dragging', isDragging);
+        const onDocumentMouseUp = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            setIsBlockingClicks(false);
+            setIsDragging(false);
+        };
+        if (isDragging) {
+            document?.addEventListener('mouseup', onDocumentMouseUp);
+        }
+        return () => {
+            document?.removeEventListener('mouseup', onDocumentMouseUp);
+        };
+    }, [isDragging]);
+    const blockChildClickHandler = (event) => {
+        if (isBlockingClicks) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        setIsBlockingClicks(false);
+    };
+    const mouseUpHandler = () => {
+        setIsDragging(false);
+    };
+    const mouseDownHandler = (event) => {
+        setMousePosition({
+            ...mousePosition,
+            clientX: event.clientX,
+            scrollX: wrapper.current?.scrollLeft ?? 0,
+        });
+        setIsDragging(true);
+    };
+    const mouseMoveHandler = (event) => {
+        if (!wrapper.current || !isDragging) {
+            return;
+        }
+        if (Math.abs(mousePosition.clientX - event.clientX) > 5) {
+            setIsBlockingClicks(true);
+        }
+        wrapper.current.scrollLeft = mousePosition.scrollX + mousePosition.clientX - event.clientX;
+    };
+    const addSlide = (node, index) => {
+        slides.current[index] = {
+            element: node,
+            visibility: Visbility.NONE,
+        };
+    };
+    const getFirstVisibleSlideIndex = () => visibleSlideIndices.current[0] ?? partiallyVisibleSlideIndices.current[0] ?? -1;
+    const getLastVisibleSlideIndex = () => visibleSlideIndices.current[visibleSlideIndices.current.length - 1]
+        ?? partiallyVisibleSlideIndices.current[partiallyVisibleSlideIndices.current.length - 1] ?? -1;
+    const setControlsVisibility = react.useCallback(() => {
+        const lastSlideFullyVisible = getLastVisibleSlideIndex() + 1 === slides.current.length;
+        const moreContentAvailable = isScrollable && lastSlideFullyVisible === false;
+        const previousContentAvailable = getFirstVisibleSlideIndex() > 0 && isScrollable;
+        if (arrowNextRef.current && arrowPrevRef.current) {
+            arrowNextRef.current.classList.toggle('hidden', moreContentAvailable === false);
+            arrowNextRef.current.ariaHidden = String(moreContentAvailable === false);
+            arrowPrevRef.current.classList.toggle('hidden', previousContentAvailable === false);
+            arrowPrevRef.current.ariaHidden = String(previousContentAvailable === false);
+        }
+    }, [isScrollable]);
+    const getVisibilityByIntersectionRatio = (intersectionRatio) => {
+        if (intersectionRatio >= 0.9) {
+            return Visbility.FULL;
+        }
+        if (intersectionRatio >= 0.5) {
+            return Visbility.PARTIAL;
+        }
+        return Visbility.NONE;
+    };
+    react.useEffect(() => {
+        if (!wrapper.current) {
+            return () => { };
+        }
+        setControlsVisibility();
+        const intersectionCallback = (entries) => {
+            entries.forEach((entry) => {
+                const target = entry.target;
+                const index = Number(target.dataset.slideIndex);
+                if (getVisibilityByIntersectionRatio(entry.intersectionRatio) === Visbility.FULL) {
+                    visibleSlideIndices.current.push(index);
+                }
+                else {
+                    visibleSlideIndices.current = visibleSlideIndices.current.filter((slideIndex) => slideIndex !== index);
+                }
+                if (getVisibilityByIntersectionRatio(entry.intersectionRatio) === Visbility.PARTIAL) {
+                    partiallyVisibleSlideIndices.current.push(index);
+                }
+                else {
+                    partiallyVisibleSlideIndices.current = partiallyVisibleSlideIndices.current.filter((slideIndex) => slideIndex !== index);
+                }
+            });
+            visibleSlideIndices.current = [...new Set(visibleSlideIndices.current)].sort((a, b) => a - b);
+            partiallyVisibleSlideIndices.current = [...new Set(partiallyVisibleSlideIndices.current)].sort((a, b) => a - b);
+            setControlsVisibility();
+        };
+        const intersectionObserver = new IntersectionObserver(intersectionCallback, {
+            root: wrapper.current,
+            threshold: [0, 0.5, 0.9],
+        });
+        slides.current.forEach(({ element }) => intersectionObserver.observe(element));
+        return () => intersectionObserver.disconnect();
+    }, [wrapper, setControlsVisibility]);
+    const navigate = (direction) => {
+        if (!wrapper.current) {
+            return;
+        }
+        const targetSlideIndex = direction === NavigationDirection.PREV ? getFirstVisibleSlideIndex() - 1 : getLastVisibleSlideIndex() + 1;
+        const targetSlide = slides.current[targetSlideIndex];
+        let scrollLeft = 0;
+        if (!targetSlide) {
+            return;
+        }
+        if (direction === NavigationDirection.PREV) {
+            scrollLeft = targetSlide.element.offsetLeft - wrapper.current.offsetLeft - wrapper.current.clientWidth + targetSlide.element.clientWidth;
+        }
+        else {
+            scrollLeft = targetSlide.element.offsetLeft - wrapper.current.offsetLeft;
+        }
+        wrapper.current.scrollTo({ behavior: 'smooth', left: scrollLeft, top: 0 });
+    };
+    return (jsxRuntime.jsxs("div", { className: "slider", children: [jsxRuntime.jsx("div", { className: "slider__wrapper", role: "list", ref: wrapper, onMouseDown: mouseDownHandler, onMouseMove: mouseMoveHandler, onMouseUp: mouseUpHandler, onClickCapture: blockChildClickHandler, children: react.Children.map(children, (child, index) => (jsxRuntime.jsx("div", { className: "slider__wrapper__slide", role: "listitem", "data-slide-index": index, ref: (node) => { if (node) {
+                        addSlide(node, index);
+                    } }, children: child }, index))) }), jsxRuntime.jsx("button", { "aria-label": "Previous slide", type: "button", onClick: () => navigate(NavigationDirection.PREV), ref: arrowPrevRef, className: "slider__button slider__button--prev button button--ghost button--clean button--has-icon hidden", children: jsxRuntime.jsx("i", { className: "icon-chevron-left" }) }), jsxRuntime.jsx("button", { "aria-label": "Next slide", type: "button", onClick: () => navigate(NavigationDirection.NEXT), ref: arrowNextRef, className: "slider__button slider__button--next button button--ghost button--clean button--has-icon hidden", children: jsxRuntime.jsx("i", { className: "icon-chevron-right" }) })] }));
+};
+
+exports.Slider = Slider;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/src/src/Slider.tsx"],"sourcesContent":[null],"names":["Visbility","NavigationDirection","children","slides","useRef","wrapper","visibleSlideIndices","partiallyVisibleSlideIndices","isScrollable","setIsScrollable","useState","isDragging","setIsDragging","isBlockingClicks","setIsBlockingClicks","mousePosition","setMousePosition","clientX","scrollX","arrowPrevRef","arrowNextRef","useEffect","currentWrapper","current","checkScrollable","classList","toggle","scrollWidth","clientWidth","window","addEventListener","removeEventListener","onDocumentMouseUp","event","stopPropagation","preventDefault","document","getFirstVisibleSlideIndex","getLastVisibleSlideIndex","length","setControlsVisibility","useCallback","lastSlideFullyVisible","moreContentAvailable","previousContentAvailable","ariaHidden","String","getVisibilityByIntersectionRatio","intersectionRatio","FULL","PARTIAL","NONE","intersectionObserver","IntersectionObserver","entries","forEach","entry","target","index","Number","dataset","slideIndex","push","filter","Set","sort","a","b","root","threshold","element","observe","disconnect","navigate","direction","targetSlideIndex","PREV","targetSlide","scrollLeft","offsetLeft","scrollTo","behavior","left","top","_jsxs","jsxs","className","_jsx","role","ref","onMouseDown","onMouseMove","Math","abs","onMouseUp","onClickCapture","Children","map","child","node","visibility","addSlide","type","onClick","NEXT"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Slider.tsx"],"sourcesContent":[null],"names":["useRef","useState","useEffect","useCallback","_jsxs","_jsx","Children"],"mappings":"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"}

package/dist/esm/{src/index.d.ts → index.d.ts}

@@ -1,2 +1,2 @@
 import { Slider } from './Slider';
-export default Slider;
+export { Slider };

package/dist/esm/index.js

@@ -1,2 +1,172 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useEffect as c,useCallback as o,Children as s}from"react";var i,l;!function(e){e[e.FULL=0]="FULL",e[e.PARTIAL=1]="PARTIAL",e[e.NONE=2]="NONE"}(i||(i={})),function(e){e[e.PREV=0]="PREV",e[e.NEXT=1]="NEXT"}(l||(l={}));const u=({children:u})=>{const a=r([]),d=r(null),f=r([]),h=r([]),[m,L]=n(!1),[b,g]=n(!1),[p,v]=n(!1),[N,E]=n({clientX:0,scrollX:0}),_=r(null),X=r(null);c((()=>{const e=d.current;if(!e)return()=>{};const t=()=>L(e.classList.toggle("is-scrollable",e.scrollWidth>e.clientWidth));return window?.addEventListener("resize",t),t(),()=>{window?.removeEventListener("resize",t)}}),[d]),c((()=>{d.current?.classList.toggle("is-scrollable",m)}),[m]),c((()=>{d.current?.classList.toggle("is-dragging",b);const e=e=>{e.stopPropagation(),e.preventDefault(),v(!1),g(!1)};return b&&document?.addEventListener("mouseup",e),()=>{document?.removeEventListener("mouseup",e)}}),[b]);const P=()=>f.current[0]??h.current[0]??-1,R=()=>f.current[f.current.length-1]??h.current[h.current.length-1]??-1,w=o((()=>{const e=R()+1===a.current.length,t=m&&!1===e,r=P()>0&&m;X.current&&_.current&&(X.current.classList.toggle("hidden",!1===t),X.current.ariaHidden=String(!1===t),_.current.classList.toggle("hidden",!1===r),_.current.ariaHidden=String(!1===r))}),[m]),A=e=>e>=.9?i.FULL:e>=.5?i.PARTIAL:i.NONE;c((()=>{if(!d.current)return()=>{};w();const e=new IntersectionObserver((e=>{e.forEach((e=>{const t=e.target,r=Number(t.dataset.slideIndex);A(e.intersectionRatio)===i.FULL?f.current.push(r):f.current=f.current.filter((e=>e!==r)),A(e.intersectionRatio)===i.PARTIAL?h.current.push(r):h.current=h.current.filter((e=>e!==r))})),f.current=[...new Set(f.current)].sort(((e,t)=>e-t)),h.current=[...new Set(h.current)].sort(((e,t)=>e-t)),w()}),{root:d.current,threshold:[0,.5,.9]});return a.current.forEach((({element:t})=>e.observe(t))),()=>e.disconnect()}),[d,w]);const T=e=>{if(!d.current)return;const t=e===l.PREV?P()-1:R()+1,r=a.current[t];let n=0;r&&(n=e===l.PREV?r.element.offsetLeft-d.current.offsetLeft-d.current.clientWidth+r.element.clientWidth:r.element.offsetLeft-d.current.offsetLeft,d.current.scrollTo({behavior:"smooth",left:n,top:0}))};return e("div",{className:"slider",children:[t("div",{className:"slider__wrapper",role:"list",ref:d,onMouseDown:e=>{E({...N,clientX:e.clientX,scrollX:d.current?.scrollLeft??0}),g(!0)},onMouseMove:e=>{d.current&&b&&(Math.abs(N.clientX-e.clientX)>5&&v(!0),d.current.scrollLeft=N.scrollX+N.clientX-e.clientX)},onMouseUp:()=>{g(!1)},onClickCapture:e=>{p&&(e.stopPropagation(),e.preventDefault()),v(!1)},children:s.map(u,((e,r)=>t("div",{className:"slider__wrapper__slide",role:"listitem","data-slide-index":r,ref:e=>{e&&((e,t)=>{a.current[t]={element:e,visibility:i.NONE}})(e,r)},children:e},r)))}),t("button",{"aria-label":"Previous slide",type:"button",onClick:()=>T(l.PREV),ref:_,className:"slider__button slider__button--prev button button--ghost button--clean button--has-icon hidden",children:t("i",{className:"icon-chevron-left"})}),t("button",{"aria-label":"Next slide",type:"button",onClick:()=>T(l.NEXT),ref:X,className:"slider__button slider__button--next button button--ghost button--clean button--has-icon hidden",children:t("i",{className:"icon-chevron-right"})})]})};export{u as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect, useCallback, Children } from 'react';
+
+var Visbility;
+(function (Visbility) {
+    Visbility[Visbility["FULL"] = 0] = "FULL";
+    Visbility[Visbility["PARTIAL"] = 1] = "PARTIAL";
+    Visbility[Visbility["NONE"] = 2] = "NONE";
+})(Visbility || (Visbility = {}));
+var NavigationDirection;
+(function (NavigationDirection) {
+    NavigationDirection[NavigationDirection["PREV"] = 0] = "PREV";
+    NavigationDirection[NavigationDirection["NEXT"] = 1] = "NEXT";
+})(NavigationDirection || (NavigationDirection = {}));
+const Slider = ({ children }) => {
+    const slides = useRef([]);
+    const wrapper = useRef(null);
+    const visibleSlideIndices = useRef([]);
+    const partiallyVisibleSlideIndices = useRef([]);
+    const [isScrollable, setIsScrollable] = useState(false);
+    const [isDragging, setIsDragging] = useState(false);
+    const [isBlockingClicks, setIsBlockingClicks] = useState(false);
+    const [mousePosition, setMousePosition] = useState({
+        clientX: 0,
+        scrollX: 0,
+    });
+    const arrowPrevRef = useRef(null);
+    const arrowNextRef = useRef(null);
+    useEffect(() => {
+        const currentWrapper = wrapper.current;
+        if (!currentWrapper) {
+            return () => { };
+        }
+        const checkScrollable = () => setIsScrollable(currentWrapper.classList.toggle('is-scrollable', currentWrapper.scrollWidth > currentWrapper.clientWidth));
+        window?.addEventListener('resize', checkScrollable);
+        checkScrollable();
+        return () => {
+            window?.removeEventListener('resize', checkScrollable);
+        };
+    }, [wrapper]);
+    useEffect(() => {
+        wrapper.current?.classList.toggle('is-scrollable', isScrollable);
+    }, [isScrollable]);
+    useEffect(() => {
+        wrapper.current?.classList.toggle('is-dragging', isDragging);
+        const onDocumentMouseUp = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            setIsBlockingClicks(false);
+            setIsDragging(false);
+        };
+        if (isDragging) {
+            document?.addEventListener('mouseup', onDocumentMouseUp);
+        }
+        return () => {
+            document?.removeEventListener('mouseup', onDocumentMouseUp);
+        };
+    }, [isDragging]);
+    const blockChildClickHandler = (event) => {
+        if (isBlockingClicks) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        setIsBlockingClicks(false);
+    };
+    const mouseUpHandler = () => {
+        setIsDragging(false);
+    };
+    const mouseDownHandler = (event) => {
+        setMousePosition({
+            ...mousePosition,
+            clientX: event.clientX,
+            scrollX: wrapper.current?.scrollLeft ?? 0,
+        });
+        setIsDragging(true);
+    };
+    const mouseMoveHandler = (event) => {
+        if (!wrapper.current || !isDragging) {
+            return;
+        }
+        if (Math.abs(mousePosition.clientX - event.clientX) > 5) {
+            setIsBlockingClicks(true);
+        }
+        wrapper.current.scrollLeft = mousePosition.scrollX + mousePosition.clientX - event.clientX;
+    };
+    const addSlide = (node, index) => {
+        slides.current[index] = {
+            element: node,
+            visibility: Visbility.NONE,
+        };
+    };
+    const getFirstVisibleSlideIndex = () => visibleSlideIndices.current[0] ?? partiallyVisibleSlideIndices.current[0] ?? -1;
+    const getLastVisibleSlideIndex = () => visibleSlideIndices.current[visibleSlideIndices.current.length - 1]
+        ?? partiallyVisibleSlideIndices.current[partiallyVisibleSlideIndices.current.length - 1] ?? -1;
+    const setControlsVisibility = useCallback(() => {
+        const lastSlideFullyVisible = getLastVisibleSlideIndex() + 1 === slides.current.length;
+        const moreContentAvailable = isScrollable && lastSlideFullyVisible === false;
+        const previousContentAvailable = getFirstVisibleSlideIndex() > 0 && isScrollable;
+        if (arrowNextRef.current && arrowPrevRef.current) {
+            arrowNextRef.current.classList.toggle('hidden', moreContentAvailable === false);
+            arrowNextRef.current.ariaHidden = String(moreContentAvailable === false);
+            arrowPrevRef.current.classList.toggle('hidden', previousContentAvailable === false);
+            arrowPrevRef.current.ariaHidden = String(previousContentAvailable === false);
+        }
+    }, [isScrollable]);
+    const getVisibilityByIntersectionRatio = (intersectionRatio) => {
+        if (intersectionRatio >= 0.9) {
+            return Visbility.FULL;
+        }
+        if (intersectionRatio >= 0.5) {
+            return Visbility.PARTIAL;
+        }
+        return Visbility.NONE;
+    };
+    useEffect(() => {
+        if (!wrapper.current) {
+            return () => { };
+        }
+        setControlsVisibility();
+        const intersectionCallback = (entries) => {
+            entries.forEach((entry) => {
+                const target = entry.target;
+                const index = Number(target.dataset.slideIndex);
+                if (getVisibilityByIntersectionRatio(entry.intersectionRatio) === Visbility.FULL) {
+                    visibleSlideIndices.current.push(index);
+                }
+                else {
+                    visibleSlideIndices.current = visibleSlideIndices.current.filter((slideIndex) => slideIndex !== index);
+                }
+                if (getVisibilityByIntersectionRatio(entry.intersectionRatio) === Visbility.PARTIAL) {
+                    partiallyVisibleSlideIndices.current.push(index);
+                }
+                else {
+                    partiallyVisibleSlideIndices.current = partiallyVisibleSlideIndices.current.filter((slideIndex) => slideIndex !== index);
+                }
+            });
+            visibleSlideIndices.current = [...new Set(visibleSlideIndices.current)].sort((a, b) => a - b);
+            partiallyVisibleSlideIndices.current = [...new Set(partiallyVisibleSlideIndices.current)].sort((a, b) => a - b);
+            setControlsVisibility();
+        };
+        const intersectionObserver = new IntersectionObserver(intersectionCallback, {
+            root: wrapper.current,
+            threshold: [0, 0.5, 0.9],
+        });
+        slides.current.forEach(({ element }) => intersectionObserver.observe(element));
+        return () => intersectionObserver.disconnect();
+    }, [wrapper, setControlsVisibility]);
+    const navigate = (direction) => {
+        if (!wrapper.current) {
+            return;
+        }
+        const targetSlideIndex = direction === NavigationDirection.PREV ? getFirstVisibleSlideIndex() - 1 : getLastVisibleSlideIndex() + 1;
+        const targetSlide = slides.current[targetSlideIndex];
+        let scrollLeft = 0;
+        if (!targetSlide) {
+            return;
+        }
+        if (direction === NavigationDirection.PREV) {
+            scrollLeft = targetSlide.element.offsetLeft - wrapper.current.offsetLeft - wrapper.current.clientWidth + targetSlide.element.clientWidth;
+        }
+        else {
+            scrollLeft = targetSlide.element.offsetLeft - wrapper.current.offsetLeft;
+        }
+        wrapper.current.scrollTo({ behavior: 'smooth', left: scrollLeft, top: 0 });
+    };
+    return (jsxs("div", { className: "slider", children: [jsx("div", { className: "slider__wrapper", role: "list", ref: wrapper, onMouseDown: mouseDownHandler, onMouseMove: mouseMoveHandler, onMouseUp: mouseUpHandler, onClickCapture: blockChildClickHandler, children: Children.map(children, (child, index) => (jsx("div", { className: "slider__wrapper__slide", role: "listitem", "data-slide-index": index, ref: (node) => { if (node) {
+                        addSlide(node, index);
+                    } }, children: child }, index))) }), jsx("button", { "aria-label": "Previous slide", type: "button", onClick: () => navigate(NavigationDirection.PREV), ref: arrowPrevRef, className: "slider__button slider__button--prev button button--ghost button--clean button--has-icon hidden", children: jsx("i", { className: "icon-chevron-left" }) }), jsx("button", { "aria-label": "Next slide", type: "button", onClick: () => navigate(NavigationDirection.NEXT), ref: arrowNextRef, className: "slider__button slider__button--next button button--ghost button--clean button--has-icon hidden", children: jsx("i", { className: "icon-chevron-right" }) })] }));
+};
+
+export { Slider };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/src/src/Slider.tsx"],"sourcesContent":[null],"names":["Visbility","NavigationDirection","Slider","children","slides","useRef","wrapper","visibleSlideIndices","partiallyVisibleSlideIndices","isScrollable","setIsScrollable","useState","isDragging","setIsDragging","isBlockingClicks","setIsBlockingClicks","mousePosition","setMousePosition","clientX","scrollX","arrowPrevRef","arrowNextRef","useEffect","currentWrapper","current","checkScrollable","classList","toggle","scrollWidth","clientWidth","window","addEventListener","removeEventListener","onDocumentMouseUp","event","stopPropagation","preventDefault","document","getFirstVisibleSlideIndex","getLastVisibleSlideIndex","length","setControlsVisibility","useCallback","lastSlideFullyVisible","moreContentAvailable","previousContentAvailable","ariaHidden","String","getVisibilityByIntersectionRatio","intersectionRatio","FULL","PARTIAL","NONE","intersectionObserver","IntersectionObserver","entries","forEach","entry","target","index","Number","dataset","slideIndex","push","filter","Set","sort","a","b","root","threshold","element","observe","disconnect","navigate","direction","targetSlideIndex","PREV","targetSlide","scrollLeft","offsetLeft","scrollTo","behavior","left","top","_jsxs","className","_jsx","role","ref","onMouseDown","onMouseMove","Math","abs","onMouseUp","onClickCapture","Children","map","child","node","visibility","addSlide","type","onClick","NEXT"],"mappings":"6IAKA,IAAKA,EAMAC,GANL,SAAKD,GACDA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,QAAA,GAAA,UACAA,EAAAA,EAAA,KAAA,GAAA,MACH,CAJD,CAAKA,IAAAA,EAIJ,CAAA,IAED,SAAKC,GACDA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,KAAA,GAAA,MACH,CAHD,CAAKA,IAAAA,EAGJ,CAAA,UAOYC,EAAsC,EAAGC,eAClD,MAAMC,EAASC,EAA+B,IACxCC,EAAUD,EAAuB,MACjCE,EAAsBF,EAAiB,IACvCG,EAA+BH,EAAiB,KAE/CI,EAAcC,GAAmBC,GAAkB,IACnDC,EAAYC,GAAiBF,GAAkB,IAC/CG,EAAkBC,GAAuBJ,GAAkB,IAC3DK,EAAeC,GAAoBN,EAA+C,CACrFO,QAAS,EACTC,QAAS,IAGPC,EAAef,EAA0B,MACzCgB,EAAehB,EAA0B,MAE/CiB,GAAU,KACN,MAAMC,EAAiBjB,EAAQkB,QAE/B,IAAKD,EACD,MAAO,OAGX,MAAME,EAAkB,IAAMf,EAAgBa,EAAeG,UAAUC,OAAO,gBAAiBJ,EAAeK,YAAcL,EAAeM,cAM3I,OAJAC,QAAQC,iBAAiB,SAAUN,GAEnCA,IAEO,KACHK,QAAQE,oBAAoB,SAAUP,EAAgB,CACzD,GACF,CAACnB,IAEJgB,GAAU,KACNhB,EAAQkB,SAASE,UAAUC,OAAO,gBAAiBlB,EAAa,GACjE,CAACA,IAEJa,GAAU,KACNhB,EAAQkB,SAASE,UAAUC,OAAO,cAAef,GAEjD,MAAMqB,EAAqBC,IACvBA,EAAMC,kBACND,EAAME,iBAENrB,GAAoB,GACpBF,GAAc,EAAM,EAOxB,OAJID,GACAyB,UAAUN,iBAAiB,UAAWE,GAGnC,KACHI,UAAUL,oBAAoB,UAAWC,EAAkB,CAC9D,GACF,CAACrB,IAEJ,MA0CM0B,EAA4B,IAAc/B,EAAoBiB,QAAQ,IAAMhB,EAA6BgB,QAAQ,KAAO,EAExHe,EAA2B,IAAchC,EAAoBiB,QAAQjB,EAAoBiB,QAAQgB,OAAS,IACzGhC,EAA6BgB,QAAQhB,EAA6BgB,QAAQgB,OAAS,KAAO,EAE3FC,EAAwBC,GAAY,KACtC,MAAMC,EAAwBJ,IAA6B,IAAMnC,EAAOoB,QAAQgB,OAC1EI,EAAuBnC,IAA0C,IAA1BkC,EACvCE,EAA2BP,IAA8B,GAAK7B,EAEhEY,EAAaG,SAAWJ,EAAaI,UACrCH,EAAaG,QAAQE,UAAUC,OAAO,UAAmC,IAAzBiB,GAChDvB,EAAaG,QAAQsB,WAAaC,QAAgC,IAAzBH,GAEzCxB,EAAaI,QAAQE,UAAUC,OAAO,UAAuC,IAA7BkB,GAChDzB,EAAaI,QAAQsB,WAAaC,QAAoC,IAA7BF,GAC5C,GACF,CAACpC,IAEEuC,EAAoCC,GAClCA,GAAqB,GACdjD,EAAUkD,KAGjBD,GAAqB,GACdjD,EAAUmD,QAGdnD,EAAUoD,KAGrB9B,GAAU,KACN,IAAKhB,EAAQkB,QACT,MAAO,OAGXiB,IAEA,MAyBMY,EAAuB,IAAIC,sBAzBHC,IAC1BA,EAAQC,SAASC,IACb,MAAMC,EAASD,EAAMC,OACfC,EAAQC,OAAOF,EAAOG,QAAQC,YAEhCd,EAAiCS,EAAMR,qBAAuBjD,EAAUkD,KACxE3C,EAAoBiB,QAAQuC,KAAKJ,GAEjCpD,EAAoBiB,QAAUjB,EAAoBiB,QAAQwC,QAAQF,GAAeA,IAAeH,IAGhGX,EAAiCS,EAAMR,qBAAuBjD,EAAUmD,QACxE3C,EAA6BgB,QAAQuC,KAAKJ,GAE1CnD,EAA6BgB,QAAUhB,EAA6BgB,QAAQwC,QAAQF,GAAeA,IAAeH,GACrH,IAILpD,EAAoBiB,QAAU,IAAI,IAAIyC,IAAI1D,EAAoBiB,UAAU0C,MAAK,CAACC,EAAGC,IAAMD,EAAIC,IAC3F5D,EAA6BgB,QAAU,IAAI,IAAIyC,IAAIzD,EAA6BgB,UAAU0C,MAAK,CAACC,EAAGC,IAAMD,EAAIC,IAE7G3B,GAAuB,GAGiD,CACxE4B,KAAM/D,EAAQkB,QACd8C,UAAW,CAAC,EAAG,GAAK,MAKxB,OAFAlE,EAAOoB,QAAQgC,SAAQ,EAAGe,aAAclB,EAAqBmB,QAAQD,KAE9D,IAAMlB,EAAqBoB,YAAY,GAC/C,CAACnE,EAASmC,IAEb,MAAMiC,EAAYC,IACd,IAAKrE,EAAQkB,QACT,OAGJ,MAAMoD,EAAmBD,IAAc1E,EAAoB4E,KAAOvC,IAA8B,EAAIC,IAA6B,EAE3HuC,EAAc1E,EAAOoB,QAAQoD,GACnC,IAAIG,EAAa,EAEZD,IAKDC,EADAJ,IAAc1E,EAAoB4E,KACrBC,EAAYP,QAAQS,WAAa1E,EAAQkB,QAAQwD,WAAa1E,EAAQkB,QAAQK,YAAciD,EAAYP,QAAQ1C,YAEhHiD,EAAYP,QAAQS,WAAa1E,EAAQkB,QAAQwD,WAGlE1E,EAAQkB,QAAQyD,SAAS,CAAEC,SAAU,SAAUC,KAAMJ,EAAYK,IAAK,IAAI,EAG9E,OACIC,EAAA,MAAA,CAAKC,UAAU,SACXnF,SAAA,CAAAoF,EAAA,MAAA,CAAKD,UAAU,kBAAkBE,KAAK,OAAOC,IAAKnF,EAC9CoF,YAhIcxD,IACtBjB,EAAiB,IACVD,EACHE,QAASgB,EAAMhB,QACfC,QAASb,EAAQkB,SAASuD,YAAc,IAG5ClE,GAAc,EAAK,EA0HX8E,YAvHczD,IACjB5B,EAAQkB,SAAYZ,IAIrBgF,KAAKC,IAAI7E,EAAcE,QAAUgB,EAAMhB,SAAW,GAClDH,GAAoB,GAGxBT,EAAQkB,QAAQuD,WAAa/D,EAAcG,QAAUH,EAAcE,QAAUgB,EAAMhB,QAAO,EA+GlF4E,UAtIW,KACnBjF,GAAc,EAAM,EAsIZkF,eAhJoB7D,IACxBpB,IACAoB,EAAMC,kBACND,EAAME,kBAGVrB,GAAoB,EAAM,EA4IjBZ,SAAA6F,EAASC,IAAI9F,GAAU,CAAC+F,EAAOvC,IAC5B4B,SAAKD,UAAU,yBAAyBE,KAAK,WAAU,mBAA+B7B,EAAO8B,IAAMU,IAAeA,GAhHjH,EAACA,EAAsBxC,KACpCvD,EAAOoB,QAAQmC,GAAS,CACpBY,QAAS4B,EACTC,WAAYpG,EAAUoD,KACzB,EA4GqIiD,CAASF,EAAMxC,EAAS,EAC7IxD,SAAA+F,GADwDvC,OAKrE4B,yBACe,iBACXe,KAAK,SACLC,QAAS,IAAM7B,EAASzE,EAAoB4E,MAC5CY,IAAKrE,EACLkE,UAAU,0GAEVC,EAAG,IAAA,CAAAD,UAAU,wBAEjBC,EACe,SAAA,CAAA,aAAA,aACXe,KAAK,SACLC,QAAS,IAAM7B,EAASzE,EAAoBuG,MAC5Cf,IAAKpE,EACLiE,UAAU,iGAEVnF,SAAAoF,EAAA,IAAA,CAAGD,UAAU,2BAGvB"}
+{"version":3,"file":"index.js","sources":["../../src/Slider.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@yoursurprise/slider",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Basic React slider using modern Javascript and CSS",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
+  "type": "module",
+  "files": [
+    "src/*",
+    "dist/*"
+  ],
   "peerDependencies": {
     "react": "^18.2.0"
   },
@@ -59,7 +64,8 @@
     "slider",
     "scroll",
     "snap",
-    "touch"
+    "touch",
+    "react"
   ],
   "author": "YourSurprise",
   "license": "ISC",

package/src/index.ts

@@ -1,3 +1,3 @@
 import { Slider } from './Slider';
 
-export default Slider;
+export { Slider };

package/.eslintignore

@@ -1 +0,0 @@
-.eslintrc.js

package/.eslintrc.js

@@ -1,45 +0,0 @@
-module.exports = {
-    extends: [
-        'eslint:recommended',
-        'airbnb-typescript',
-        'airbnb/hooks',
-        'plugin:import/recommended',
-    ],
-    rules: {
-        'react/jsx-indent': ['error', 4],
-        'react/jsx-indent-props': ['error', 4],
-        'react/jsx-props-no-spreading': ['error', { custom: 'ignore' }],
-        'react/prop-types': 'off',
-        'react/require-default-props': 'off',
-        'indent': ['error', 4, {SwitchCase: 1}],
-        '@typescript-eslint/indent': ['error', 4],
-        'import/no-extraneous-dependencies': [
-            'error',
-            {
-                devDependencies: [
-                    '**/*.test.*',
-                    '**/rollup.config.js*',
-                    '**/babel.config.js*',
-                    '**/jest.config.js*',
-                    '**/[mM]ock[s?]/**'
-                ]
-            }
-        ],
-
-    },
-    plugins: ['react', "testing-library"],
-    env: {
-        browser: true,
-        es6: true,
-        node: true,
-    },
-    parser: '@typescript-eslint/parser',
-    parserOptions: {
-        project: ['./tsconfig.json'],
-        ecmaFeatures: {
-            jsx: true,
-        },
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-    },
-};

package/.github/workflows/lint.yml

@@ -1,18 +0,0 @@
-name: Lint
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-jobs:
-  linting:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out repository code
-        uses: actions/checkout@v3
-      - name: Install
-        run: npm ci
-      - name: Lint
-        run: npm run lint
-      - name: Test
-        run: npm run test -- --coverage

package/.github/workflows/publish.yml

@@ -1,23 +0,0 @@
-name: Publish
-on:
-  release:
-    types: [created]
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out repository code
-        uses: actions/checkout@v3
-      - name: Setup node
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16.x'
-          registry-url: 'https://registry.npmjs.org'
-      - name: Install
-        run: npm ci
-      - name: Build
-        run: npm run build
-      - name: Publish
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/babel.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-    presets: [
-        '@babel/preset-env',
-        ['@babel/preset-react', { runtime: 'automatic' }],
-        '@babel/preset-typescript',
-    ],
-};

package/dist/cjs/jest.config.d.ts

@@ -1,3 +0,0 @@
-import type { Config } from '@jest/types';
-declare const config: Partial<Config.ConfigGlobals>;
-export default config;

package/dist/esm/jest.config.d.ts

@@ -1,3 +0,0 @@
-import type { Config } from '@jest/types';
-declare const config: Partial<Config.ConfigGlobals>;
-export default config;

package/jest.config.ts

@@ -1,54 +0,0 @@
-// For a detailed explanation regarding each configuration property, visit:
-// https://jestjs.io/docs/en/configuration.html
-
-import type { Config } from '@jest/types';
-
-const config: Partial<Config.ConfigGlobals> = {
-    // Indicates whether the coverage information should be collected while executing the test
-    collectCoverage: false,
-
-    testEnvironment: 'jsdom',
-
-    // An array of glob patterns indicating a set of files for which coverage information should be collected
-    collectCoverageFrom: [
-        'src/**/*.{js,ts,tsx}',
-    ],
-
-    // The directory where Jest should output its coverage files
-    coverageDirectory: 'coverage',
-
-    // A list of reporter names that Jest uses when writing coverage reports
-    coverageReporters: [
-        'cobertura',
-        'lcov',
-        'text',
-    ],
-
-    coverageThreshold: {
-        global: {
-            branches: 80,
-            functions: 90,
-            lines: 90,
-            statements: 90,
-        },
-    },
-
-    // An array of directory names to be searched recursively up from the requiring module's location
-    moduleDirectories: [
-        'src',
-        'node_modules',
-    ],
-
-    // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-    moduleNameMapper: {
-        '^.+\\.(css|scss|less|scss)$': '<rootDir>src/__mocks__/fileMock.js',
-        '^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>src/__mocks__/fileMock.js',
-    } as unknown as Config.ProjectConfig['moduleNameMapper'],
-
-    // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-    testPathIgnorePatterns: [
-        '/node_modules/',
-    ],
-};
-
-export default config;

package/rollup.config.js

@@ -1,38 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import { terser } from 'rollup-plugin-terser';
-import external from 'rollup-plugin-peer-deps-external';
-import postcss from 'rollup-plugin-postcss';
-
-const packageJson = require('./package.json');
-
-export default {
-    input: 'src/index.ts',
-    output: [
-        {
-            file: packageJson.main,
-            format: 'cjs',
-            sourcemap: true,
-        },
-        {
-            file: packageJson.module,
-            format: 'esm',
-            sourcemap: true,
-        },
-    ],
-    plugins: [
-        external(),
-        resolve(),
-        commonjs(),
-        typescript({
-            tsconfig: './tsconfig.json' }),
-        postcss({
-            extract: 'index.css',
-            minimize: true,
-            sourceMap: true,
-        }),
-        terser(),
-    ],
-};
-

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "sourceRoot": "./src",
-    "outDir": "dist",
-    "target": "ESNext",
-    "jsx": "react-jsx",
-    "moduleResolution": "node",
-    "module": "ESNext",
-    "noImplicitAny": true,
-    "removeComments": true,
-    "preserveConstEnums": true,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true,
-    "emitDeclarationOnly": true,
-    "declaration": true
-  }
-}