@reykjavik/hanna-react 0.10.53

package/types/assets.d.ts

@@ -0,0 +1,42 @@
+import type { BlingType, Efnistakn, Formheimur, Illustration } from '@reykjavik/hanna-utils/assets';
+import { blingTypes, efnistakn, getAssetUrl, getBlingUrl, getEfnistaknUrl, getFormheimurUrl, getIllustrationUrl, illustrations } from '@reykjavik/hanna-utils/assets';
+export type { 
+/** @deprecated  Instead `import type { BlingType } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+BlingType, 
+/** @deprecated  Instead `import type { Efnistakn } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+Efnistakn, 
+/** @deprecated  Instead `import type { Formheimur } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+Formheimur, 
+/** @deprecated  Instead `import type { Illustration } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+Illustration, };
+export { 
+/** @deprecated  Instead `import type { blingTypes } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+blingTypes, 
+/** @deprecated  Instead `import type { efnistakn } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+efnistakn, 
+/** @deprecated  Instead `import type { getAssetUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getAssetUrl, 
+/** @deprecated  Instead `import type { getBlingUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getBlingUrl, 
+/** @deprecated  Instead `import type { getEfnistaknUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getEfnistaknUrl, 
+/** @deprecated  Instead `import type { getFormheimurUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getFormheimurUrl, 
+/** @deprecated  Instead `import type { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getIllustrationUrl, 
+/** @deprecated  Instead `import type { illustrations } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+illustrations, };
+/** @deprecated Use `getCssBundleUrl` from '@reykjavik/hanna-css' instead  (Will be reomved in v0.11) */
+export declare const getCssBundleUrl: (cssTokens: string | Array<string>, version?: string | undefined) => string;
+/** @deprecated  (Will be removed in v0.11) */
+export declare const efnistakn_menu: readonly ["menu/borgarstjori", "menu/borgarstjorn", "menu/bygg_framkv", "menu/fjarmal", "menu/fundargerdir", "menu/itrottir_aftreying", "menu/log_reglugerdir", "menu/mannaudur", "menu/menning", "menu/rad_nefndir", "menu/skipulag", "menu/skolar_fristund", "menu/svid_deildir", "menu/umhverfi_samgongur", "menu/velferd_fjolskylda"];
+/** @deprecated  (Will be removed in v0.11) */
+export declare type Efnistakn_Menu = typeof efnistakn_menu[number];
+/** @deprecated  (Will be removed in v0.11) */
+export declare const auxiliary_menu_images: Array<Illustration>;
+/** @deprecated  Instead `import type { AuxilaryPanelIllustration } from '@reykjavik/hanna-react/MainMenu';` (Will be removed in v0.11) */
+export declare type Auxilary_MenuImages = typeof auxiliary_menu_images[number];
+/** @deprecated  Instead `import type { BlingType } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+export declare type BlingTypes = BlingType;
+/** @deprecated  Instead `import type { Illustration } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+export declare type Illustrations = Illustration;

package/types/constants.d.ts

@@ -0,0 +1,39 @@
+/** @depcrecated import `colorFamilies` from  `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export declare const colorFamilies: readonly ["esja", "faxafloi", "nautholsvik", "heidmork", "ellidaardalur", "blafjoll", "sund", "rokkur", "suld"] & {
+    readonly esja: "esja";
+    readonly faxafloi: "faxafloi";
+    readonly nautholsvik: "nautholsvik";
+    readonly heidmork: "heidmork";
+    readonly ellidaardalur: "ellidaardalur";
+    readonly blafjoll: "blafjoll";
+    readonly sund: "sund";
+    readonly rokkur: "rokkur";
+    readonly suld: "suld";
+} & {
+    /** @deprecated  This is a typo  (Will be removed in v0.11) */
+    ellidarardalur: string;
+};
+/** @depcrecated import type `ColorFamily` from `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export type { ColorFamily } from '@reykjavik/hanna-css';
+/** @depcrecated import `colorThemes` from  `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export declare const themeOptions: readonly ["trustworthy", "dependable", "friendly", "lively", "colorful"] & {
+    readonly trustworthy: "trustworthy";
+    readonly dependable: "dependable";
+    readonly friendly: "friendly";
+    readonly lively: "lively";
+    readonly colorful: "colorful";
+};
+/** @depcrecated import type `HannaColorTheme` from `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export type { HannaColorTheme as ThemeOption } from '@reykjavik/hanna-css';
+export declare type Alignment = 'right' | 'left';
+export declare const aligns: Record<string, true | undefined>;
+export declare type ComponentLayoutProps<Align extends string = 'right'> = {
+    wide?: undefined;
+    align?: undefined;
+} | {
+    wide: boolean;
+    align?: undefined;
+} | {
+    wide?: undefined;
+    align: Align;
+};

package/types/focus-visible.d.ts

@@ -0,0 +1 @@
+import '@reykjavik/hanna-utils/focus-visible';

package/types/utils/config.d.ts

@@ -0,0 +1,2 @@
+export type { LinkRenderer } from '../_abstract/Link';
+export { setLinkRenderer } from '../_abstract/Link';

package/types/utils/detectEdgeScroll.d.ts

@@ -0,0 +1,52 @@
+declare type AtState = {
+    start: boolean;
+    end: boolean;
+};
+declare type Options = {
+    /**
+     * Default: `"vertical"`
+     */
+    axis?: 'horizontal' | 'vertical';
+    /**
+     * Element to monitor the scrolling status of
+     */
+    scrollerElm: HTMLElement;
+    /**
+     * Element that receives the classNames
+     *
+     * Default: `options.scrollerElm`
+     */
+    classedElm?: HTMLElement;
+    /**
+     * BEM prefix for the `--at`, `--at--start` and `--at--end` class-names
+     *
+     * Default:  `""`
+     */
+    bem?: string;
+} & ({
+    /**
+     * Set to false if you're passing your own `setAt´ handler
+     * and wish to opt out of the default automatic class-name toggling
+     *
+     * Default: `true`
+     */
+    setClasses?: boolean;
+    /**
+     * Custom function that gets called when the AtState changes.
+     */
+    onChange: (newAt: AtState) => void;
+} | {
+    onChange?: undefined;
+    /** @deprecated (Will be removed in v0.9)
+     *
+     * This props is redundant when `onChange`, as its only possible value is `true`.
+     */
+    setClasses?: true;
+});
+declare type Actions = {
+    checkScroll: () => void;
+    unmount: () => void;
+};
+declare const detectEdgeScroll: (opts: Options) => Actions;
+export declare type DetectEdgeScrollOptions = Options;
+export default detectEdgeScroll;

package/types/utils/env.d.ts

@@ -0,0 +1 @@
+export declare const isPreact: true | undefined;

package/types/utils/seenEffect.d.ts

@@ -0,0 +1,28 @@
+import { RefObject } from 'react';
+export declare const DATA_ATTR_NAME = "is-seen";
+export declare const getObserver: {
+    (target: Element, callback?: ((target: Element) => void) | undefined): (() => void) | undefined;
+    DATA_ATTR_NAME: string;
+};
+export declare const seenEffectOptOut: (target: Element, setFlag?: boolean) => void;
+declare const effects: {
+    readonly fadein: 1;
+    readonly fadeup: 1;
+    readonly fadeleft: 1;
+};
+export declare type SeenEffectType = keyof typeof effects;
+export declare type EffectProp = {
+    /** Should the component appear instantly, and not transition-in once seen */
+    effectType?: SeenEffectType;
+};
+/** Asserts that a prop value is a SeenEffectType and returns undefined otherwise */
+export declare const assertEffectType: (maybeType?: string | undefined) => SeenEffectType | undefined;
+export declare const getEffectAttr: (maybeType?: string | undefined) => {
+    'data-seen-effect': string;
+};
+export declare type SeenProp = {
+    /** Should the component appear instantly, and not transition-in once seen */
+    startSeen?: boolean;
+};
+export declare const useSeenEffect: <E extends Element = HTMLDivElement>(startSeen?: boolean | undefined, customRef?: RefObject<E> | undefined) => [RefObject<E> | undefined, true | undefined];
+export {};

package/types/utils/useFormatMonitor.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Pass a callback that gets called whenever the browser window
+ * resizes past one of the preconfigured "media-format" breakpoints.
+ *
+ * Exmple use:
+ *
+ * ```ts
+ * useFormatMonitor((media) => {
+ *   if (media.is === 'phone') {
+ *     // do something clever because the window
+ *     // just became "phone" sized.
+ *   }
+ *   if (media.was === 'phone') {
+ *     // do something clever because the window
+ *     // just stopped being "phone" sized.
+ *   }
+ * })
+ * ```
+ *
+ * The `media` argument has the following properties:
+ *
+ * ```ts
+ *  // 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) => void;

package/types/utils/useGetSVGtext.d.ts

@@ -0,0 +1,6 @@
+declare type SVGMeta = {
+    imageSrc: string;
+    code: string;
+};
+export declare const useGetSVGtext: (imageSrc: string | undefined) => SVGMeta | undefined;
+export {};

package/types/utils/useMenuToggling.d.ts

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

package/types/utils/useScrollbarWidthCSSVar.d.ts

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

package/types/utils.d.ts

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