@reykjavik/hanna-react 0.10.59 → 0.10.62

package/esm/utils/useMenuToggling.d.ts

@@ -1,8 +0,0 @@
-declare type MenuTogglingState = {
-    isMenuActive: true | undefined;
-    isMenuOpen: boolean;
-    toggleMenu: () => void;
-    closeMenu: () => void;
-};
-export declare const useMenuToggling: (doInitialize?: boolean) => MenuTogglingState;
-export {};

package/esm/utils/useMenuToggling.js

@@ -1,62 +0,0 @@
-import { useRef, useState } from 'react';
-import { focusElement } from '@reykjavik/hanna-utils';
-import { useFormatMonitor } from './useFormatMonitor';
-const htmlClass = (className, add) => {
-    document.documentElement.classList[add ? 'add' : 'remove'](className);
-};
-const noop = () => undefined;
-// ---------------------------------------------------------------------------
-export const useMenuToggling = (doInitialize = true) => {
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const [isMenuActive, setIsMenuActive] = useState();
-    const state = { isMenuOpen, isMenuActive };
-    const stateRef = useRef(state);
-    stateRef.current = state;
-    const _openMenu = () => {
-        if (!stateRef.current.isMenuOpen) {
-            setIsMenuOpen(true);
-            htmlClass('menu-is-open', true);
-            htmlClass('menu-is-closed', false);
-            focusElement('#pagenav');
-        }
-    };
-    const _closeMenu = () => {
-        if (stateRef.current.isMenuOpen) {
-            setIsMenuOpen(false);
-            htmlClass('menu-is-closed', true);
-            htmlClass('menu-is-open', false);
-            focusElement('.Layout__header__skiplink');
-        }
-    };
-    useFormatMonitor(doInitialize
-        ? (media) => {
-            if (media.becameHamburger) {
-                setIsMenuActive(true);
-                htmlClass('menu-is-active', true);
-                htmlClass('menu-is-closed', true);
-            }
-            if (media.leftHamburger) {
-                _closeMenu();
-                setIsMenuActive(undefined);
-                htmlClass('menu-is-active', false);
-                htmlClass('menu-is-closed', false);
-            }
-        }
-        : noop);
-    const { toggleMenu, closeMenu } = useRef(doInitialize
-        ? {
-            toggleMenu: () => {
-                if (stateRef.current.isMenuActive) {
-                    stateRef.current.isMenuOpen ? _closeMenu() : _openMenu();
-                }
-            },
-            closeMenu: _closeMenu,
-        }
-        : { toggleMenu: noop, closeMenu: noop }).current;
-    return {
-        isMenuActive,
-        isMenuOpen,
-        toggleMenu,
-        closeMenu,
-    };
-};

package/esm/utils/useScrollbarWidthCSSVar.d.ts

@@ -1 +0,0 @@
-export declare const useScrollbarWidthCSSVar: () => void;

package/esm/utils/useScrollbarWidthCSSVar.js

@@ -1,3 +0,0 @@
-import getScrollbarWidth from '@hugsmidjan/qj/getScrollbarWidth';
-import { useOnMount } from '@hugsmidjan/react/hooks';
-export const useScrollbarWidthCSSVar = () => useOnMount(() => getScrollbarWidth.setCSSvar());

package/esm/utils.d.ts

@@ -1,2 +0,0 @@
-export * from './utils/useFormatMonitor';
-export * from './utils/useGetSVGtext';

package/esm/utils.js

@@ -1,2 +0,0 @@
-export * from './utils/useFormatMonitor';
-export * from './utils/useGetSVGtext';