@vinorcola/dynamic-table 1.4.0 → 1.4.1

package/lib/Dictionary.d.ts

@@ -1,10 +1,14 @@
-import type { ReactNode } from "react";
-import type { Primitive } from "./index.ts";
+import type { FC, ReactNode } from "react";
+import type { Primitive } from "./index.js";
 export interface DictionaryEntry {
     title: string;
     prepend?: ReactNode;
 }
+export type DictinaryValueWrapper = FC<{
+    children: ReactNode;
+}>;
 export default class Dictionary<Value extends Primitive> extends Map<Value, DictionaryEntry> {
     readonly unknownMessage: string;
-    constructor(unknownMessage: string, entries?: readonly (readonly [Value, DictionaryEntry])[] | null);
+    readonly valueWrapper: DictinaryValueWrapper;
+    constructor(unknownMessage: string, entries?: readonly (readonly [Value, DictionaryEntry])[] | null, valueWrapper?: DictinaryValueWrapper);
 }

package/lib/Dictionary.js

@@ -1,7 +1,9 @@
 export default class Dictionary extends Map {
     unknownMessage;
-    constructor(unknownMessage, entries) {
+    valueWrapper;
+    constructor(unknownMessage, entries, valueWrapper) {
         super(entries);
         this.unknownMessage = unknownMessage;
+        this.valueWrapper = valueWrapper ?? ((props) => props.children);
     }
 }

package/lib/useItems.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { displayInteger } from "@vinorcola/utils/number";
 import { extractSearchableText } from "@vinorcola/utils/text";
-import { Fragment, useMemo } from "react";
+import { useMemo } from "react";
 import ValueList from "./ValueList.js";
 export default function useItems(items, itemTarget, columns, canSelectItem) {
     return useMemo(() => items.map((item) => ({
@@ -108,7 +108,7 @@ function resolveDisplayableSingleValue(value, dictionary, nodeKey) {
         if (dictionaryEntry === undefined) {
             return dictionary.unknownMessage;
         }
-        return dictionaryEntry.prepend !== undefined ? (_jsxs(Fragment, { children: [dictionaryEntry.prepend, dictionaryEntry.title] }, nodeKey)) : (dictionaryEntry.title);
+        return dictionaryEntry.prepend !== undefined ? (_jsxs(dictionary.valueWrapper, { children: [dictionaryEntry.prepend, dictionaryEntry.title] }, nodeKey)) : (dictionaryEntry.title);
     }
     if (typeof value === "boolean") {
         return value ? "true" : "false";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vinorcola/dynamic-table",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "A table to ease the display of a filterable, sortable and paginable dataset.",
   "keywords": [
     "table",