@dbcdk/react-components 0.0.103 → 0.0.104

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

@@ -0,0 +1,2 @@
+'use strict';
+

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

@@ -0,0 +1 @@
+

package/dist/types/assets.d.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/assets.d.js

@@ -0,0 +1 @@
+

package/dist/types/css.d.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/css.d.js

@@ -0,0 +1 @@
+

package/dist/types/sizes.types.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/sizes.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,40 @@
+'use strict';
+
+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);
+};
+function nestedFiltering(items, opts) {
+  const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
+  const ck = childrenKey != null ? 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);
+}
+
+exports.nestedFiltering = nestedFiltering;

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

@@ -0,0 +1,38 @@
+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);
+};
+function nestedFiltering(items, opts) {
+  const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
+  const ck = childrenKey != null ? 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);
+}
+
+export { nestedFiltering };

package/dist/utils/date/formatDate.cjs

@@ -0,0 +1,35 @@
+'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 } = 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 = /* @__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.js

@@ -0,0 +1,33 @@
+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 = /* @__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.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.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.103",
+  "version": "0.0.104",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",
@@ -24,6 +24,12 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "require": "./dist/client.cjs",
+      "default": "./dist/client.js"
+    },
     "./themes/*": "./dist/themes/*",
     "./styles/themes/*": "./dist/styles/themes/*",
     "./styles.css": "./dist/styles/styles.css",
@@ -48,8 +54,7 @@
     "rewrite:paths": "tsc-alias -p tsconfig.build.json",
     "dev": "tsup --config tsup.config.ts --watch",
     "test": "vitest run",
-    "format": "prettier . --write",
-    "format:fix": "prettier . --write",
+    "prettier": "prettier . --write",
     "lint": "eslint \"src/**/*.{ts,tsx}\" --max-warnings=0",
     "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
     "storybook": "storybook dev -p 6006 --no-open",