@superrb/react-addons 4.0.0-30 → 4.0.0-31

package/components/video.d.ts

@@ -1,17 +0,0 @@
-import { ImageField } from '@prismicio/client';
-import { OnProgressProps } from 'react-player/base';
-declare const Video: ({ url, teaserUrl, image, sizes, className, controls, muted, onPlay, onTeaserPlay, onProgress, onTeaserProgress, }: {
-    url: string;
-    teaserUrl?: string | undefined;
-    image: ImageField;
-    sizes?: string | undefined;
-    className?: string | undefined;
-    controls?: boolean | undefined;
-    muted?: boolean | undefined;
-    onPlay?: (() => void) | undefined;
-    onTeaserPlay?: (() => void) | undefined;
-    onProgress?: ((state: OnProgressProps) => void) | undefined;
-    onTeaserProgress?: ((state: OnProgressProps) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Video;
-//# sourceMappingURL=video.d.ts.map

package/components/video.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../src/components/video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAK9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,QAAA,MAAM,KAAK;SAaJ,MAAM;;;;;;;oBAOI,IAAI;0BACE,IAAI;8CACgB,IAAI;oDACE,IAAI;6CAuGpD,CAAA;AAED,eAAe,KAAK,CAAA"}

package/components/video.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { extendClass } from '@superrb/react-addons/utils';
-import { useEffect, useRef, useState } from 'react';
-import ReactPlayer from 'react-player/lazy';
-import PlayButton from './play-button';
-import { useMotionAllowed } from '@superrb/react-addons/hooks';
-const Video = ({ url, teaserUrl, image, sizes = '100vw', className = '', controls = false, muted = false, onPlay = () => { }, onTeaserPlay = () => { }, onProgress = (state) => { }, onTeaserProgress = (state) => { }, }) => {
-    const motionAllowed = useMotionAllowed();
-    const [videoStarted, setVideoStarted] = useState(false);
-    const [playing, setPlaying] = useState(false);
-    const [teaserPlaying, setTeaserPlaying] = useState(!!teaserUrl && motionAllowed);
-    const [progress, setProgress] = useState(0);
-    const video = useRef();
-    const teaserVideo = useRef();
-    useEffect(() => {
-        if (playing && !teaserPlaying) {
-            onPlay();
-        }
-        if (teaserPlaying && !playing) {
-            onTeaserPlay();
-        }
-    }, [playing, teaserPlaying, onPlay, onTeaserPlay]);
-    return (_jsxs("div", { className: `video ${className}`, children: [teaserUrl && (_jsx("div", { className: "video__teaser-wrapper", "aria-hidden": playing, children: _jsx(ReactPlayer, { className: `video__teaser ${extendClass(className, 'teaser')}`, url: teaserUrl, playing: teaserPlaying, loop: true, autoplay: true, playsinline: true, controls: false, onPlay: () => {
-                        setVideoStarted(true);
-                    }, muted: true, width: "100%", height: "100%", onProgress: (state) => {
-                        setProgress(state.played);
-                        onTeaserProgress(state);
-                    }, ref: teaserVideo }) })), url && (_jsx("div", { className: "video__player-wrapper", "aria-hidden": !playing, children: _jsx(ReactPlayer, { className: `video__player ${extendClass(className, 'player')}`, url: url, playing: playing, loop: false, autoplay: true, playsinline: true, controls: controls, onPlay: () => {
-                        setVideoStarted(true);
-                    }, muted: muted, width: "100%", height: "100%", "aria-hidden": !playing, onProgress: (state) => {
-                        setProgress(state.played);
-                        onProgress(state);
-                    }, ref: video }) })), _jsx(Image, { image: image, className: `video__image ${extendClass(className, 'image')}`, "aria-hidden": (videoStarted && controls) || playing, sizes: sizes }), (!playing || !controls) && (_jsx(PlayButton, { className: "video__play", onClick: () => {
-                    if (controls) {
-                        video.current?.seekTo(0);
-                        setTeaserPlaying(false);
-                        setPlaying(true);
-                        return;
-                    }
-                    setPlaying((playing) => !playing);
-                    setTeaserPlaying((playing) => !playing);
-                }, progress: progress, "aria-hidden": playing }))] }));
-};
-export default Video;

package/context/cookies-context-provider.d.ts

@@ -1,13 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare const CookiesContext: import("react").Context<{
-    cookiesAccepted: boolean;
-    setCookiesAccepted: (accepted: boolean) => void;
-    trackingCookiesAccepted: boolean;
-    setTrackingCookiesAccepted: (accepted: boolean) => void;
-    popupOpen: boolean;
-    openPopup: () => void;
-    closePopup: () => void;
-}>;
-export declare const CookiesContextProvider: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
-export default CookiesContextProvider;
-//# sourceMappingURL=cookies-context-provider.d.ts.map

package/context/cookies-context-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cookies-context-provider.d.ts","sourceRoot":"","sources":["../src/context/cookies-context-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAGd,eAAO,MAAM,cAAc;;mCAEM,OAAO;;2CAEC,OAAO;;;;EAI9C,CAAA;AAEF,eAAO,MAAM,sBAAsB,iBAAkB,iBAAiB,CAAC,EAAE,CAAC,4CA2DzE,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/context/cookies-context-provider.js

@@ -1,54 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useEffect, useState, } from 'react';
-import Cookies from 'js-cookie';
-export const CookiesContext = createContext({
-    cookiesAccepted: false,
-    setCookiesAccepted: (accepted) => { },
-    trackingCookiesAccepted: false,
-    setTrackingCookiesAccepted: (accepted) => { },
-    popupOpen: false,
-    openPopup: () => { },
-    closePopup: () => { },
-});
-export const CookiesContextProvider = ({ children }) => {
-    const [cookiesAccepted, setCookiesAcceptedStorage] = useState(false);
-    const [popupOpen, setPopupOpenStorage] = useState(false);
-    const [trackingCookiesAccepted, setTrackingCookiesAcceptedStorage] = useState(false);
-    useEffect(() => {
-        const accepted = Cookies.get('accepted-cookies') || false;
-        setCookiesAcceptedStorage(!!accepted);
-    }, [setCookiesAcceptedStorage]);
-    useEffect(() => {
-        const accepted = Cookies.get('accepted-tracking-cookies') || false;
-        setTrackingCookiesAcceptedStorage(!!accepted);
-    }, [setTrackingCookiesAcceptedStorage]);
-    const setCookiesAccepted = useCallback((accepted) => {
-        Cookies.set('accepted-cookies', accepted.toString(), {
-            expires: 30,
-        });
-        setCookiesAcceptedStorage(accepted);
-    }, [setCookiesAcceptedStorage]);
-    const setTrackingCookiesAccepted = useCallback((accepted) => {
-        Cookies.set('accepted-tracking-cookies', accepted.toString(), {
-            expires: 30,
-        });
-        setTrackingCookiesAcceptedStorage(accepted);
-    }, [setTrackingCookiesAcceptedStorage]);
-    const openPopup = useCallback(() => {
-        setPopupOpenStorage(true);
-    }, [setPopupOpenStorage]);
-    const closePopup = useCallback(() => {
-        setPopupOpenStorage(false);
-    }, [setPopupOpenStorage]);
-    return (_jsx(CookiesContext.Provider, { value: {
-            cookiesAccepted,
-            setCookiesAccepted,
-            trackingCookiesAccepted,
-            setTrackingCookiesAccepted,
-            popupOpen,
-            openPopup,
-            closePopup,
-        }, children: children }));
-};
-export default CookiesContextProvider;

package/context.d.ts

@@ -1,8 +0,0 @@
-/**
- * Context
- */
-import { CookiesContext, CookiesContextProvider } from './context/cookies-context-provider';
-import { ModalContext, ModalContextProvider } from './context/modal-context-provider';
-import { NavContext, NavContextProvider } from './context/nav-context-provider';
-export { CookiesContext, CookiesContextProvider, ModalContext, ModalContextProvider, NavContext, NavContextProvider, };
-//# sourceMappingURL=context.d.ts.map

package/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["src/context.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,cAAc,EACd,sBAAsB,EACvB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACrB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAE/E,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,kBAAkB,GACnB,CAAA"}

package/context.js

@@ -1,7 +0,0 @@
-/**
- * Context
- */
-import { CookiesContext, CookiesContextProvider, } from './context/cookies-context-provider';
-import { ModalContext, ModalContextProvider, } from './context/modal-context-provider';
-import { NavContext, NavContextProvider } from './context/nav-context-provider';
-export { CookiesContext, CookiesContextProvider, ModalContext, ModalContextProvider, NavContext, NavContextProvider, };