@dbcdk/react-components 0.0.169 → 0.0.170

package/dist/utils/date/formatDate.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+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,
+    timeOnly = false,
+    ignoreDate = false,
+    ignoreDateIfSame = false
+  } = options;
+  const useTimeOnly = timeOnly || ignoreDate;
+  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 (useTimeOnly) {
+    return formatTime();
+  }
+  if (ignoreDateIfSame && isSameCalendarDay(d, /* @__PURE__ */ new Date())) {
+    return formatTime();
+  }
+  if (userFriendlyLabel) {
+    const now = /* @__PURE__ */ 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\xE5r, kl. ${formatTime()}` : "I g\xE5r";
+    }
+  }
+  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()}`;
+}
+
+exports.formatDate = formatDate;

package/dist/utils/date/formatDate.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Formats a Date as "dd/mm/yyyy", "dd/mm/yyyy hh:mm:ss", or time-only.
+ * 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"
+ * - formatDate(date, { timeOnly: true }) => "14:30"
+ * - formatDate(date, { showTime: true, ignoreDateIfSame: true }) => "14:30" for today, otherwise "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
+ * @param options.timeOnly - If true, return only the time portion
+ * @param options.ignoreDate - Alias for timeOnly
+ * @param options.ignoreDateIfSame - If true, return only the time when the date is today
+ * @returns A formatted string
+ */
+export declare function formatDate(date: Date | string | number, options?: {
+    showTime?: boolean;
+    showSeconds?: boolean;
+    userFriendlyLabel?: boolean;
+    timeOnly?: boolean;
+    ignoreDate?: boolean;
+    ignoreDateIfSame?: boolean;
+}): string;

package/dist/utils/date/formatDate.js

@@ -0,0 +1,47 @@
+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,
+    timeOnly = false,
+    ignoreDate = false,
+    ignoreDateIfSame = false
+  } = options;
+  const useTimeOnly = timeOnly || ignoreDate;
+  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 (useTimeOnly) {
+    return formatTime();
+  }
+  if (ignoreDateIfSame && isSameCalendarDay(d, /* @__PURE__ */ new Date())) {
+    return formatTime();
+  }
+  if (userFriendlyLabel) {
+    const now = /* @__PURE__ */ 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\xE5r, kl. ${formatTime()}` : "I g\xE5r";
+    }
+  }
+  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()}`;
+}
+
+export { formatDate };

package/dist/utils/localStorage.utils.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+function isBrowser() {
+  return typeof window !== "undefined" && typeof window.localStorage !== "undefined";
+}
+function readLocalStorage(key) {
+  if (!isBrowser()) return void 0;
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (raw == null) return void 0;
+    try {
+      const parsed = JSON.parse(raw);
+      if (typeof parsed === "string") {
+        try {
+          return JSON.parse(parsed);
+        } catch {
+          return parsed;
+        }
+      }
+      return parsed;
+    } catch {
+      return raw;
+    }
+  } catch {
+    return void 0;
+  }
+}
+function writeLocalStorage(key, value) {
+  if (!isBrowser()) return;
+  try {
+    if (value === void 0) {
+      window.localStorage.removeItem(key);
+      return;
+    }
+    if (typeof value === "string") {
+      window.localStorage.setItem(key, value);
+    } else {
+      window.localStorage.setItem(key, JSON.stringify(value));
+    }
+  } catch {
+  }
+}
+function removeLocalStorage(key) {
+  if (!isBrowser()) return;
+  try {
+    window.localStorage.removeItem(key);
+  } catch {
+  }
+}
+
+exports.readLocalStorage = readLocalStorage;
+exports.removeLocalStorage = removeLocalStorage;
+exports.writeLocalStorage = writeLocalStorage;

package/dist/utils/localStorage.utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 declare function readLocalStorage<T = unknown>(key: string): T | string | undefined;
+/**
+ * Safely write to localStorage.
+ * - Automatically JSON.stringifies objects/arrays
+ * - Stores plain strings as-is
+ * - Never throws
+ */
+export declare function writeLocalStorage(key: string, value: unknown): void;
+/**
+ * Remove key safely
+ */
+export declare function removeLocalStorage(key: string): void;

package/dist/utils/localStorage.utils.js

@@ -0,0 +1,49 @@
+function isBrowser() {
+  return typeof window !== "undefined" && typeof window.localStorage !== "undefined";
+}
+function readLocalStorage(key) {
+  if (!isBrowser()) return void 0;
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (raw == null) return void 0;
+    try {
+      const parsed = JSON.parse(raw);
+      if (typeof parsed === "string") {
+        try {
+          return JSON.parse(parsed);
+        } catch {
+          return parsed;
+        }
+      }
+      return parsed;
+    } catch {
+      return raw;
+    }
+  } catch {
+    return void 0;
+  }
+}
+function writeLocalStorage(key, value) {
+  if (!isBrowser()) return;
+  try {
+    if (value === void 0) {
+      window.localStorage.removeItem(key);
+      return;
+    }
+    if (typeof value === "string") {
+      window.localStorage.setItem(key, value);
+    } else {
+      window.localStorage.setItem(key, JSON.stringify(value));
+    }
+  } catch {
+  }
+}
+function removeLocalStorage(key) {
+  if (!isBrowser()) return;
+  try {
+    window.localStorage.removeItem(key);
+  } catch {
+  }
+}
+
+export { readLocalStorage, removeLocalStorage, writeLocalStorage };

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

@@ -0,0 +1,49 @@
+'use strict';
+
+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
+  );
+}
+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 }];
+}
+
+exports.getHighlightedSegments = getHighlightedSegments;

package/dist/utils/text/get-highlighted-segments.d.ts

@@ -0,0 +1,5 @@
+export type HighlightSegment = {
+    text: string;
+    matched: boolean;
+};
+export declare function getHighlightedSegments(text: string, query: string | string[]): HighlightSegment[];

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

@@ -0,0 +1,47 @@
+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
+  );
+}
+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 }];
+}
+
+export { getHighlightedSegments };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.169",
+  "version": "0.0.170",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",
@@ -48,6 +48,7 @@
   ],
   "scripts": {
     "clean": "rimraf dist",
+    "prepublishOnly": "npm run build",
     "build": "npm run clean && npm run build:js && npm run build:types && npm run rewrite:paths && npm run postbuild",
     "build:js": "tsup --config tsup.config.ts",
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly",