@reykjavik/hanna-react 0.10.112 → 0.10.113

package/esm/utils.d.ts

@@ -1,12 +1,10 @@
 import type { ElementRef } from 'react';
 export * from './utils/browserSide.js';
 export * from './utils/config.js';
-export { HannaUIState, useHannaUIState } from './utils/HannaUIState.js';
 export * from './utils/useDidChange.js';
 export * from './utils/useDomid.js';
 export * from './utils/useFormatMonitor.js';
 export * from './utils/useGetSVGtext.js';
-export * from './utils/useMenuToggling.js';
 export * from './utils/useMixedControlState.js';
 export * from './utils/useScrollbarWidthCSSVar.js';
 /**
@@ -38,3 +36,10 @@ export type MissingWrapperElmProps = {
      */
     wrapperProps?: undefined;
 };
+export { 
+/** @deprecated  (Will be removed in v0.11) */
+MobileMenuStateProvider as HannaUIState, 
+/** @deprecated  (Will be removed in v0.11) */
+useMobileMenuTogglerState as useHannaUIState, 
+/** @deprecated  (Will be removed in v0.11) */
+useMobileMenuToggling as useMenuToggling, } from './MobileMenuToggler/_useMobileMenuToggling.js';

package/esm/utils.js

@@ -1,10 +1,16 @@
 export * from './utils/browserSide.js';
 export * from './utils/config.js';
-export { HannaUIState, useHannaUIState } from './utils/HannaUIState.js';
 export * from './utils/useDidChange.js';
 export * from './utils/useDomid.js';
 export * from './utils/useFormatMonitor.js';
 export * from './utils/useGetSVGtext.js';
-export * from './utils/useMenuToggling.js';
 export * from './utils/useMixedControlState.js';
 export * from './utils/useScrollbarWidthCSSVar.js';
+// ---------------------------------------------------------------------------
+export { 
+/** @deprecated  (Will be removed in v0.11) */
+MobileMenuStateProvider as HannaUIState, 
+/** @deprecated  (Will be removed in v0.11) */
+useMobileMenuTogglerState as useHannaUIState, 
+/** @deprecated  (Will be removed in v0.11) */
+useMobileMenuToggling as useMenuToggling, } from './MobileMenuToggler/_useMobileMenuToggling.js';

package/index.d.ts

@@ -41,7 +41,9 @@
 /// <reference path="./NameCard.d.tsx" />
 /// <reference path="./Multiselect.d.tsx" />
 /// <reference path="./Modal.d.tsx" />
+/// <reference path="./MobileMenuToggler.d.tsx" />
 /// <reference path="./MiniMetrics.d.tsx" />
+/// <reference path="./MainMenu2.d.tsx" />
 /// <reference path="./MainMenu.d.tsx" />
 /// <reference path="./Layout.d.tsx" />
 /// <reference path="./LabeledTextBlock.d.tsx" />
@@ -62,6 +64,7 @@
 /// <reference path="./FooterInfo.d.tsx" />
 /// <reference path="./FooterBadges.d.tsx" />
 /// <reference path="./Foonote.d.tsx" />
+/// <reference path="./FocusTrap.d.tsx" />
 /// <reference path="./FileInput.d.tsx" />
 /// <reference path="./FieldGroup.d.tsx" />
 /// <reference path="./FeatureList.d.tsx" />

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.112",
+	"version": "0.10.113",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",
@@ -217,10 +217,18 @@
 			"import": "./esm/Modal.js",
 			"require": "./Modal.js"
 		},
+		"./MobileMenuToggler": {
+			"import": "./esm/MobileMenuToggler.js",
+			"require": "./MobileMenuToggler.js"
+		},
 		"./MiniMetrics": {
 			"import": "./esm/MiniMetrics.js",
 			"require": "./MiniMetrics.js"
 		},
+		"./MainMenu2": {
+			"import": "./esm/MainMenu2.js",
+			"require": "./MainMenu2.js"
+		},
 		"./MainMenu": {
 			"import": "./esm/MainMenu.js",
 			"require": "./MainMenu.js"
@@ -301,6 +309,10 @@
 			"import": "./esm/Foonote.js",
 			"require": "./Foonote.js"
 		},
+		"./FocusTrap": {
+			"import": "./esm/FocusTrap.js",
+			"require": "./FocusTrap.js"
+		},
 		"./FileInput": {
 			"import": "./esm/FileInput.js",
 			"require": "./FileInput.js"

package/utils/a11yHelpers.d.ts

@@ -0,0 +1,2 @@
+import { MouseEventHandler } from 'react';
+export declare const handleAnchorLinkClick: MouseEventHandler<HTMLAnchorElement>;

package/utils/a11yHelpers.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleAnchorLinkClick = void 0;
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const handleAnchorLinkClick = (e) => {
+    e.preventDefault();
+    const targetId = e.currentTarget.hash.slice(1);
+    const targetElm = targetId && document.getElementById(targetId);
+    if (!targetElm) {
+        return;
+    }
+    targetElm.tabIndex = -1;
+    (0, hanna_utils_1.focusElement)(targetElm);
+};
+exports.handleAnchorLinkClick = handleAnchorLinkClick;

package/utils/types.d.ts

@@ -13,3 +13,7 @@ export type BemProps<Required extends boolean = false> = BemModifierProps & (Req
     /** CSS BEM class-name prefix to be used for this component. Defaults to the same as the original component's displayName */
     bem?: string;
 });
+export type I18NProps<Texts extends Record<string, unknown>> = {
+    texts?: Texts;
+    lang?: string;
+};

package/utils/useFormatMonitor.d.ts

@@ -1,3 +1,4 @@
+import { MediaFormat } from '@reykjavik/hanna-utils';
 /**
  * Pass a callback that gets called whenever the browser window
  * resizes past one of the preconfigured "media-format" breakpoints.
@@ -25,16 +26,8 @@
  *  // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
  *  media.is // : Format
  *  media.was // ?: Format
- *  // Category/mode boolean flags
- *  // (Hamburger refers to the "mobile menu" mode)
- *  media.isTopmenu
- *  media.isHamburger
- *  media.wasTopmenu
- *  media.wasHamburger
- *  media.becameTopmenu
- *  media.becameHamburger
- *  media.leftTopmenu
- *  media.leftHamburger
  * ```
  */
-export declare const useFormatMonitor: (callback: ((media: import("formatchange").BaseMedia & Record<"isHamburger" | "isTopmenu" | "wasHamburger" | "wasTopmenu" | "becameHamburger" | "becameTopmenu" | "leftHamburger" | "leftTopmenu", boolean>) => void) | undefined) => void;
+export declare const useFormatMonitor: HookTypeWithDeprecation;
+type HookTypeWithDeprecation = (callback: (media: MediaFormat) => void) => void;
+export {};

package/utils/useFormatMonitor.js

@@ -31,16 +31,6 @@ const react_1 = require("formatchange/react");
  *  // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
  *  media.is // : Format
  *  media.was // ?: Format
- *  // Category/mode boolean flags
- *  // (Hamburger refers to the "mobile menu" mode)
- *  media.isTopmenu
- *  media.isHamburger
- *  media.wasTopmenu
- *  media.wasHamburger
- *  media.becameTopmenu
- *  media.becameHamburger
- *  media.leftTopmenu
- *  media.leftHamburger
  * ```
  */
 exports.useFormatMonitor = (0, react_1.makeFormatMonitorHook)(hanna_utils_1.getFormatMonitor);

package/utils.d.ts

@@ -1,12 +1,10 @@
 import type { ElementRef } from 'react';
 export * from './utils/browserSide.js';
 export * from './utils/config.js';
-export { HannaUIState, useHannaUIState } from './utils/HannaUIState.js';
 export * from './utils/useDidChange.js';
 export * from './utils/useDomid.js';
 export * from './utils/useFormatMonitor.js';
 export * from './utils/useGetSVGtext.js';
-export * from './utils/useMenuToggling.js';
 export * from './utils/useMixedControlState.js';
 export * from './utils/useScrollbarWidthCSSVar.js';
 /**
@@ -38,3 +36,10 @@ export type MissingWrapperElmProps = {
      */
     wrapperProps?: undefined;
 };
+export { 
+/** @deprecated  (Will be removed in v0.11) */
+MobileMenuStateProvider as HannaUIState, 
+/** @deprecated  (Will be removed in v0.11) */
+useMobileMenuTogglerState as useHannaUIState, 
+/** @deprecated  (Will be removed in v0.11) */
+useMobileMenuToggling as useMenuToggling, } from './MobileMenuToggler/_useMobileMenuToggling.js';

package/utils.js

@@ -1,16 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHannaUIState = exports.HannaUIState = void 0;
+exports.useMenuToggling = exports.useHannaUIState = exports.HannaUIState = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./utils/browserSide.js"), exports);
 tslib_1.__exportStar(require("./utils/config.js"), exports);
-var HannaUIState_js_1 = require("./utils/HannaUIState.js");
-Object.defineProperty(exports, "HannaUIState", { enumerable: true, get: function () { return HannaUIState_js_1.HannaUIState; } });
-Object.defineProperty(exports, "useHannaUIState", { enumerable: true, get: function () { return HannaUIState_js_1.useHannaUIState; } });
 tslib_1.__exportStar(require("./utils/useDidChange.js"), exports);
 tslib_1.__exportStar(require("./utils/useDomid.js"), exports);
 tslib_1.__exportStar(require("./utils/useFormatMonitor.js"), exports);
 tslib_1.__exportStar(require("./utils/useGetSVGtext.js"), exports);
-tslib_1.__exportStar(require("./utils/useMenuToggling.js"), exports);
 tslib_1.__exportStar(require("./utils/useMixedControlState.js"), exports);
 tslib_1.__exportStar(require("./utils/useScrollbarWidthCSSVar.js"), exports);
+// ---------------------------------------------------------------------------
+var _useMobileMenuToggling_js_1 = require("./MobileMenuToggler/_useMobileMenuToggling.js");
+/** @deprecated  (Will be removed in v0.11) */
+Object.defineProperty(exports, "HannaUIState", { enumerable: true, get: function () { return _useMobileMenuToggling_js_1.MobileMenuStateProvider; } });
+/** @deprecated  (Will be removed in v0.11) */
+Object.defineProperty(exports, "useHannaUIState", { enumerable: true, get: function () { return _useMobileMenuToggling_js_1.useMobileMenuTogglerState; } });
+/** @deprecated  (Will be removed in v0.11) */
+Object.defineProperty(exports, "useMenuToggling", { enumerable: true, get: function () { return _useMobileMenuToggling_js_1.useMobileMenuToggling; } });

package/esm/utils/HannaUIState.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type HannaUIStateState = {
-    closeHamburgerMenu: () => void;
-    isHamburgerMenuOpen: boolean | undefined;
-};
-export declare const HannaUIState: import("react").Provider<HannaUIStateState>;
-export declare const useHannaUIState: () => HannaUIStateState;

package/esm/utils/HannaUIState.js

@@ -1,7 +0,0 @@
-import { createContext, useContext } from 'react';
-const _HannaUIContext = createContext({
-    closeHamburgerMenu: () => undefined,
-    isHamburgerMenuOpen: undefined,
-});
-export const HannaUIState = _HannaUIContext.Provider;
-export const useHannaUIState = () => useContext(_HannaUIContext);

package/esm/utils/useMenuToggling.d.ts

@@ -1,10 +0,0 @@
-import { HannaUIStateState } from './HannaUIState.js';
-type MenuTogglingState = {
-    isMenuActive: true | undefined;
-    isMenuOpen: boolean;
-    toggleMenu: () => void;
-    closeMenu: () => void;
-    uiState: HannaUIStateState;
-};
-export declare const useMenuToggling: (doInitialize?: boolean) => MenuTogglingState;
-export {};

package/utils/HannaUIState.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type HannaUIStateState = {
-    closeHamburgerMenu: () => void;
-    isHamburgerMenuOpen: boolean | undefined;
-};
-export declare const HannaUIState: import("react").Provider<HannaUIStateState>;
-export declare const useHannaUIState: () => HannaUIStateState;

package/utils/HannaUIState.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHannaUIState = exports.HannaUIState = void 0;
-const react_1 = require("react");
-const _HannaUIContext = (0, react_1.createContext)({
-    closeHamburgerMenu: () => undefined,
-    isHamburgerMenuOpen: undefined,
-});
-exports.HannaUIState = _HannaUIContext.Provider;
-const useHannaUIState = () => (0, react_1.useContext)(_HannaUIContext);
-exports.useHannaUIState = useHannaUIState;

package/utils/useMenuToggling.d.ts

@@ -1,10 +0,0 @@
-import { HannaUIStateState } from './HannaUIState.js';
-type MenuTogglingState = {
-    isMenuActive: true | undefined;
-    isMenuOpen: boolean;
-    toggleMenu: () => void;
-    closeMenu: () => void;
-    uiState: HannaUIStateState;
-};
-export declare const useMenuToggling: (doInitialize?: boolean) => MenuTogglingState;
-export {};