@dbcdk/react-components 0.0.96 → 0.0.98

package/dist/hooks/useViewportFill.js

@@ -1,77 +0,0 @@
-'use client';
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-export function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false, watchRef } = {}) {
-    const [maxHeight, setMaxHeight] = useState(min);
-    const raf = useRef(null);
-    const measure = useCallback(() => {
-        if (typeof window === 'undefined' || !ref.current)
-            return;
-        const el = ref.current;
-        const rect = el.getBoundingClientRect();
-        let top = rect.top;
-        if (includeMarginTop) {
-            const marginTop = parseFloat(window.getComputedStyle(el).marginTop || '0') || 0;
-            top -= marginTop;
-        }
-        const next = Math.max(min, Math.floor(window.innerHeight - bottomOffset - top));
-        setMaxHeight(prev => (prev === next ? prev : next));
-    }, [ref, bottomOffset, min, includeMarginTop]);
-    const scheduleMeasure = useCallback(() => {
-        if (typeof window === 'undefined')
-            return;
-        if (raf.current != null) {
-            cancelAnimationFrame(raf.current);
-        }
-        raf.current = window.requestAnimationFrame(() => {
-            raf.current = null;
-            measure();
-        });
-    }, [measure]);
-    useIsomorphicLayoutEffect(() => {
-        measure();
-    }, [measure]);
-    useEffect(() => {
-        var _a;
-        if (typeof window === 'undefined' || !ref.current)
-            return;
-        const target = ref.current;
-        const extra = (_a = watchRef === null || watchRef === void 0 ? void 0 : watchRef.current) !== null && _a !== void 0 ? _a : null;
-        const parent = target.parentElement;
-        const onResize = () => scheduleMeasure();
-        const onTransitionOrAnimationEnd = () => scheduleMeasure();
-        window.addEventListener('resize', onResize);
-        document.addEventListener('transitionend', onTransitionOrAnimationEnd, true);
-        document.addEventListener('animationend', onTransitionOrAnimationEnd, true);
-        let resizeObserver = null;
-        if ('ResizeObserver' in window) {
-            resizeObserver = new ResizeObserver(() => scheduleMeasure());
-            resizeObserver.observe(target);
-            if (parent && parent !== target) {
-                resizeObserver.observe(parent);
-            }
-            if (extra && extra !== target && extra !== parent) {
-                resizeObserver.observe(extra);
-            }
-        }
-        return () => {
-            window.removeEventListener('resize', onResize);
-            document.removeEventListener('transitionend', onTransitionOrAnimationEnd, true);
-            document.removeEventListener('animationend', onTransitionOrAnimationEnd, true);
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-            if (raf.current != null) {
-                cancelAnimationFrame(raf.current);
-                raf.current = null;
-            }
-        };
-    }, [ref, watchRef, scheduleMeasure]);
-    const style = useMemo(() => ({
-        maxHeight,
-        overflow: 'auto',
-    }), [maxHeight]);
-    return {
-        maxHeight,
-        style,
-        recompute: measure,
-    };
-}

package/dist/styles/animation.js

@@ -1,5 +0,0 @@
-export const MOTION_MS = {
-    panelSlide: 300,
-    modal: 200,
-    tooltipOpen: 300,
-};

package/dist/styles/themes/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/a11y-props.types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/sizes.types.js

@@ -1 +0,0 @@
-export {};

package/dist/utils/arrays/nested-filtering.js

@@ -1,48 +0,0 @@
-const normalize = (s) => s.normalize('NFKC').toLowerCase().trim();
-const toTerms = (q) => (Array.isArray(q) ? q : q.split(/\s+/)).map(normalize).filter(Boolean);
-const valueToSearchable = (value) => typeof value === 'string'
-    ? value
-    : Array.isArray(value) || typeof value === 'object'
-        ? JSON.stringify(value)
-        : value == null
-            ? ''
-            : String(value);
-const itemMatches = (item, keys, terms, mode) => {
-    if (terms.length === 0)
-        return true;
-    const haystack = keys
-        .map(k => valueToSearchable(item[k]))
-        .join(' ')
-        .toString();
-    const h = normalize(haystack);
-    const hit = (t) => h.includes(t);
-    return mode === 'AND' ? terms.every(hit) : terms.some(hit);
-};
-export function nestedFiltering(items, opts) {
-    const { keys, query, includeParents = true, childrenKey, mode = 'AND' } = opts;
-    const ck = (childrenKey !== null && childrenKey !== void 0 ? childrenKey : 'children');
-    const terms = toTerms(query);
-    const searchNested = (list) => {
-        const out = [];
-        for (const item of list) {
-            const children = item[ck] || [];
-            const filteredChildren = searchNested(children);
-            const matchedSelf = itemMatches(item, keys, terms, mode);
-            if (matchedSelf) {
-                const clone = { ...item, [ck]: filteredChildren };
-                out.push(clone);
-            }
-            else if (filteredChildren.length) {
-                if (includeParents) {
-                    const clone = { ...item, [ck]: filteredChildren };
-                    out.push(clone);
-                }
-                else {
-                    out.push(...filteredChildren);
-                }
-            }
-        }
-        return out;
-    };
-    return searchNested(items);
-}

package/dist/utils/date/formatDate.js

@@ -1,51 +0,0 @@
-/**
- * Formats a Date as "dd/mm/yyyy" or "dd/mm/yyyy hh:mm:ss".
- * Optionally returns user-friendly Danish labels like "I dag" or "I går".
- *
- * Examples:
- * - formatDate(new Date(), { userFriendlyLabel: true }) => "I dag"
- * - formatDate(new Date(), { userFriendlyLabel: true, showTime: true }) => "I dag, kl. 14:30"
- * - formatDate(date, { showTime: true }) => "10.03.2026 14:30"
- *
- * @param date - The Date or date-parsable value to format
- * @param options.showTime - If true, append time "hh:mm" or "hh:mm:ss"
- * @param options.showSeconds - If true, append seconds when showTime is enabled
- * @param options.userFriendlyLabel - If true, use "I dag" / "I går" when applicable
- * @returns A formatted string
- */
-export function formatDate(date, options = {}) {
-    const d = date instanceof Date ? date : new Date(date);
-    if (isNaN(d.getTime()))
-        return '';
-    const { showTime = false, showSeconds = false, userFriendlyLabel = false } = options;
-    const pad = (n) => n.toString().padStart(2, '0');
-    const formatTime = () => {
-        const hours = pad(d.getHours());
-        const minutes = pad(d.getMinutes());
-        if (!showSeconds)
-            return `${hours}:${minutes}`;
-        const seconds = pad(d.getSeconds());
-        return `${hours}:${minutes}:${seconds}`;
-    };
-    const isSameCalendarDay = (a, b) => a.getDate() === b.getDate() &&
-        a.getMonth() === b.getMonth() &&
-        a.getFullYear() === b.getFullYear();
-    if (userFriendlyLabel) {
-        const now = new Date();
-        const yesterday = new Date(now);
-        yesterday.setDate(now.getDate() - 1);
-        if (isSameCalendarDay(d, now)) {
-            return showTime ? `I dag, kl. ${formatTime()}` : 'I dag';
-        }
-        if (isSameCalendarDay(d, yesterday)) {
-            return showTime ? `I går, kl. ${formatTime()}` : 'I går';
-        }
-    }
-    const day = pad(d.getDate());
-    const month = pad(d.getMonth() + 1);
-    const year = d.getFullYear();
-    const base = `${day}.${month}.${year}`;
-    if (!showTime)
-        return base;
-    return `${base} ${formatTime()}`;
-}

package/dist/utils/localStorage.utils.js

@@ -1,78 +0,0 @@
-function isBrowser() {
-    return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';
-}
-/**
- * Safely read from localStorage.
- * - Returns undefined if not in browser
- * - Returns parsed JSON if value is JSON
- * - Returns plain string if not JSON
- * - Never throws
- */
-export function readLocalStorage(key) {
-    if (!isBrowser())
-        return undefined;
-    try {
-        const raw = window.localStorage.getItem(key);
-        if (raw == null)
-            return undefined;
-        // Try parse once
-        try {
-            const parsed = JSON.parse(raw);
-            // Handle double-stringified JSON
-            if (typeof parsed === 'string') {
-                try {
-                    return JSON.parse(parsed);
-                }
-                catch {
-                    return parsed;
-                }
-            }
-            return parsed;
-        }
-        catch {
-            // Not JSON — return as plain string
-            return raw;
-        }
-    }
-    catch {
-        return undefined;
-    }
-}
-/**
- * Safely write to localStorage.
- * - Automatically JSON.stringifies objects/arrays
- * - Stores plain strings as-is
- * - Never throws
- */
-export function writeLocalStorage(key, value) {
-    if (!isBrowser())
-        return;
-    try {
-        if (value === undefined) {
-            window.localStorage.removeItem(key);
-            return;
-        }
-        if (typeof value === 'string') {
-            window.localStorage.setItem(key, value);
-        }
-        else {
-            window.localStorage.setItem(key, JSON.stringify(value));
-        }
-    }
-    catch {
-        // ignore quota errors etc.
-    }
-}
-/**
- * Remove key safely
- */
-export function removeLocalStorage(key) {
-    if (!isBrowser())
-        return;
-    try {
-        window.localStorage.removeItem(key);
-    }
-    catch {
-        // ignore
-    }
-}

package/dist/utils/text/get-highlighted-segments.js

@@ -1,46 +0,0 @@
-function normalizeTerms(query) {
-    const terms = Array.isArray(query) ? query : [query];
-    return [...new Set(terms.map(term => term.trim().toLowerCase()).filter(Boolean))].sort((a, b) => b.length - a.length);
-}
-export function getHighlightedSegments(text, query) {
-    const terms = normalizeTerms(query);
-    if (!text || terms.length === 0)
-        return [{ text, matched: false }];
-    const lower = text.toLowerCase();
-    const ranges = [];
-    for (const term of terms) {
-        let startIndex = 0;
-        while (startIndex < lower.length) {
-            const matchIndex = lower.indexOf(term, startIndex);
-            if (matchIndex === -1)
-                break;
-            ranges.push({ start: matchIndex, end: matchIndex + term.length });
-            startIndex = matchIndex + term.length;
-        }
-    }
-    if (ranges.length === 0)
-        return [{ text, matched: false }];
-    ranges.sort((a, b) => a.start - b.start || a.end - b.end);
-    const mergedRanges = [];
-    for (const range of ranges) {
-        const previous = mergedRanges[mergedRanges.length - 1];
-        if (!previous || range.start > previous.end) {
-            mergedRanges.push({ ...range });
-            continue;
-        }
-        previous.end = Math.max(previous.end, range.end);
-    }
-    const segments = [];
-    let cursor = 0;
-    for (const range of mergedRanges) {
-        if (range.start > cursor) {
-            segments.push({ text: text.slice(cursor, range.start), matched: false });
-        }
-        segments.push({ text: text.slice(range.start, range.end), matched: true });
-        cursor = range.end;
-    }
-    if (cursor < text.length) {
-        segments.push({ text: text.slice(cursor), matched: false });
-    }
-    return segments.length > 0 ? segments : [{ text, matched: false }];
-}