feat(document.json): convert mock data to json

- DocFullView aktualisiert, um Daten als Uint8Array oder Promise<Uint8Array> zu akzeptieren
- Asynchrones Handling in useEffect hinzugefügt, um Daten vor der Erstellung der Objekt-URL aufzulösen
- Verbesserte Bereinigungslogik, um die Objekt-URL richtig zu widerrufen
- Geänderte Format-Prop ist nun erforderlich

src/client/dd-hub-react/package-lock.json

@@ -21,6 +21,7 @@
         "apexcharts": "^4.5.0",
         "dayjs": "^1.11.13",
         "es-toolkit": "^1.34.1",
+        "lodash.debounce": "^4.0.8",
         "minimal-shared": "^1.0.7",
         "react": "^19.1.0",
         "react-apexcharts": "^1.7.0",
@@ -30,6 +31,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^9.23.0",
+        "@types/lodash.debounce": "^4.0.9",
         "@types/node": "^22.14.0",
         "@types/react": "^19.1.0",
         "@types/react-dom": "^19.1.1",
@@ -2195,6 +2197,23 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash.debounce": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/lodash.debounce/-/lodash.debounce-4.0.9.tgz",
+      "integrity": "sha512-Ma5JcgTREwpLRwMM+XwBR7DaWe96nC38uCBDFKZWbNKD+osjVzdpnUSwBcqCptrp16sSOLBAUb50Car5I0TCsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
     "node_modules/@types/node": {
       "version": "22.14.0",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.0.tgz",
@@ -5125,6 +5144,12 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "license": "MIT"
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",

src/client/dd-hub-react/package.json

@@ -39,6 +39,7 @@
     "apexcharts": "^4.5.0",
     "dayjs": "^1.11.13",
     "es-toolkit": "^1.34.1",
+    "lodash.debounce": "^4.0.8",
     "minimal-shared": "^1.0.7",
     "react": "^19.1.0",
     "react-apexcharts": "^1.7.0",
@@ -48,6 +49,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.23.0",
+    "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^22.14.0",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.1",

src/client/dd-hub-react/public/api/document.json

@@ -0,0 +1,230 @@
+[
+    {
+        "id": 1,
+        "name": "example1.pdf",
+        "addedWhen": "2024-01-12T10:00:00.000Z",
+        "addedWho": "TekH",
+        "attributes": [
+            {
+                "name": "invoiceNumber",
+                "serilizedValue": "INV-20250714-001"
+            },
+            {
+                "name": "customerName",
+                "serilizedValue": "John Doe"
+            },
+            {
+                "name": "startDate",
+                "serilizedValue": "2025-07-01"
+            },
+            {
+                "name": "endDate",
+                "serilizedValue": "2025-07-14"
+            },
+            {
+                "name": "minAmount",
+                "serilizedValue": "100.50"
+            },
+            {
+                "name": "maxAmount",
+                "serilizedValue": "1000.00"
+            },
+            {
+                "name": "taxIncluded",
+                "serilizedValue": "true"
+            },
+            {
+                "name": "createdAt",
+                "serilizedValue": "2025-07-10"
+            },
+            {
+                "name": "deliveryTime",
+                "serilizedValue": "15:30:00"
+            },
+            {
+                "name": "lastUpdated",
+                "serilizedValue": "2025-07-14T10:45:00"
+            }
+        ]
+    },
+    {
+        "id": 2,
+        "name": "example2.pdf",
+        "addedWhen": "2024-02-03T09:30:00.000Z",
+        "addedWho": "bob",
+        "changedWhen": "2024-03-15T12:00:00.000Z",
+        "changedWho": "KammM",
+        "attributes": [
+            {
+                "name": "invoiceNumber",
+                "serilizedValue": "INV-20250701-007"
+            },
+            {
+                "name": "customerName",
+                "serilizedValue": "Jane Smith"
+            },
+            {
+                "name": "startDate",
+                "serilizedValue": "2025-06-01"
+            },
+            {
+                "name": "endDate",
+                "serilizedValue": "2025-06-30"
+            },
+            {
+                "name": "minAmount",
+                "serilizedValue": "250.00"
+            },
+            {
+                "name": "maxAmount",
+                "serilizedValue": "850.75"
+            },
+            {
+                "name": "taxIncluded",
+                "serilizedValue": "false"
+            },
+            {
+                "name": "createdAt",
+                "serilizedValue": "2025-06-15"
+            },
+            {
+                "name": "deliveryTime",
+                "serilizedValue": "09:00:00"
+            },
+            {
+                "name": "lastUpdated",
+                "serilizedValue": "2025-06-30T14:15:00"
+            }
+        ]
+    },
+    {
+        "id": 3,
+        "name": "document1.docx",
+        "addedWhen": "2023-12-20T14:45:00.000Z",
+        "addedWho": "SchreiberM",
+        "attributes": [
+            {
+                "name": "invoiceNumber",
+                "serilizedValue": "INV-20250620-043"
+            },
+            {
+                "name": "customerName",
+                "serilizedValue": "Max Mustermann"
+            },
+            {
+                "name": "startDate",
+                "serilizedValue": "2025-05-01"
+            },
+            {
+                "name": "endDate",
+                "serilizedValue": "2025-05-15"
+            },
+            {
+                "name": "maxAmount",
+                "serilizedValue": "600.00"
+            },
+            {
+                "name": "taxIncluded",
+                "serilizedValue": "true"
+            },
+            {
+                "name": "createdAt",
+                "serilizedValue": "2025-05-02"
+            },
+            {
+                "name": "lastUpdated",
+                "serilizedValue": "2025-05-15T11:00:00"
+            }
+        ]
+    },
+    {
+        "id": 4,
+        "name": "spreadsheet1.xlsx",
+        "addedWhen": "2024-05-01T08:15:00.000Z",
+        "addedWho": "KammM",
+        "changedWhen": "2024-06-10T16:20:00.000Z",
+        "changedWho": "OlgunR",
+        "attributes": [
+            {
+                "name": "invoiceNumber",
+                "serilizedValue": "INV-20250410-021"
+            },
+            {
+                "name": "startDate",
+                "serilizedValue": "2025-04-01"
+            },
+            {
+                "name": "endDate",
+                "serilizedValue": "2025-04-30"
+            },
+            {
+                "name": "minAmount",
+                "serilizedValue": "150.99"
+            },
+            {
+                "name": "maxAmount",
+                "serilizedValue": "999.99"
+            },
+            {
+                "name": "createdAt",
+                "serilizedValue": "2025-04-15"
+            },
+            {
+                "name": "deliveryTime",
+                "serilizedValue": "17:45:00"
+            },
+            {
+                "name": "lastUpdated",
+                "serilizedValue": "2025-04-30T18:30:00"
+            }
+        ]
+    },
+    {
+        "id": 5,
+        "name": "report.docx",
+        "addedWhen": "2024-04-17T11:25:00.000Z",
+        "addedWho": "SchreiberM",
+        "attributes": [
+            {
+                "name": "invoiceNumber",
+                "serilizedValue": "INV-20250305-099"
+            },
+            {
+                "name": "customerName",
+                "serilizedValue": "Ali Veli"
+            },
+            {
+                "name": "startDate",
+                "serilizedValue": "2025-03-01"
+            },
+            {
+                "name": "endDate",
+                "serilizedValue": "2025-03-20"
+            },
+            {
+                "name": "minAmount",
+                "serilizedValue": "75.00"
+            },
+            {
+                "name": "maxAmount",
+                "serilizedValue": "500.00"
+            },
+            {
+                "name": "taxIncluded",
+                "serilizedValue": "false"
+            },
+            {
+                "name": "createdAt",
+                "serilizedValue": "2025-03-02"
+            },
+            {
+                "name": "deliveryTime",
+                "serilizedValue": "08:20:00"
+            },
+            {
+                "name": "lastUpdated",
+                "serilizedValue": "2025-03-20T09:30:00"
+            }
+        ]
+    }
+]

src/client/dd-hub-react/src/_mock/_data.ts

@@ -249,23 +249,10 @@ export const _attributes: Attribute[] = [
 
 // ----------------------------------------------------------------------
 
-function base64ToUint8Array(base64: string): Uint8Array {
-  const binaryString = atob(base64); // Decode base64 to binary string
-  const len = binaryString.length;
-  const bytes = new Uint8Array(len);
-
-  for (let i = 0; i < len; i++) {
-    bytes[i] = binaryString.charCodeAt(i);
-  }
-
-  return bytes;
-}
-
 export const _documents: Doc[] = [
   {
     id: 1,
     name: "example1.pdf",
-    data: base64ToUint8Array(_base64.example1_pdf),
     addedWhen: new Date("2024-01-12T10:00:00Z"),
     addedWho: "TekH",
     attributes: [
@@ -320,12 +307,10 @@ export const _documents: Doc[] = [
         type: 'DATETIME'
       }
     ]
-
   },
   {
     id: 2,
     name: "example2.pdf",
-    data: base64ToUint8Array(_base64.example2_pdf),
     addedWhen: new Date("2024-02-03T09:30:00Z"),
     addedWho: "bob",
     changedWhen: new Date("2024-03-15T12:00:00Z"),
@@ -386,7 +371,6 @@ export const _documents: Doc[] = [
   {
     id: 3,
     name: "document1.docx",
-    data: base64ToUint8Array(_base64.document1_docx),
     addedWhen: new Date("2023-12-20T14:45:00Z"),
     addedWho: "SchreiberM",
     attributes: [
@@ -435,7 +419,6 @@ export const _documents: Doc[] = [
   {
     id: 4,
     name: "spreadsheet1.xlsx",
-    data: base64ToUint8Array(_base64.spreadsheet1_xlsx),
     addedWhen: new Date("2024-05-01T08:15:00Z"),
     addedWho: "KammM",
     changedWhen: new Date("2024-06-10T16:20:00Z"),
@@ -486,7 +469,6 @@ export const _documents: Doc[] = [
   {
     id: 5,
     name: "report.docx",
-    data: base64ToUint8Array(_base64.report_docx),
     addedWhen: new Date("2024-04-17T11:25:00Z"),
     addedWho: "SchreiberM",
     attributes: [
@@ -550,4 +532,33 @@ export const _documents: Doc[] = [
       type: attr.type as Type
     }))
   }))
-  .map(doc => Doc.map(doc));
+  .map(doc => Doc.map(doc));
+
+function base64ToUint8Array(base64: string): Uint8Array {
+  const binaryString = atob(base64); // Decode base64 to binary string
+  const len = binaryString.length;
+  const bytes = new Uint8Array(len);
+
+  for (let i = 0; i < len; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+
+  return bytes;
+}
+
+export function _genFile(name: string): Uint8Array | undefined {
+  switch (name) {
+    case "example1.pdf":
+      return base64ToUint8Array(_base64.example1_pdf);
+    case "example2.pdf":
+      return base64ToUint8Array(_base64.example2_pdf);
+    case "document1.docx":
+      return base64ToUint8Array(_base64.document1_docx);
+    case "spreadsheet1.xlsx":
+      return base64ToUint8Array(_base64.spreadsheet1_xlsx);
+    case "report.docx":
+      return base64ToUint8Array(_base64.report_docx);
+    default:
+      return undefined;
+  }
+}

src/client/dd-hub-react/src/common/json-viewer.tsx

@@ -0,0 +1,17 @@
+type JsonViewerProps = {
+  data: any;
+};
+
+export function JsonViewer({ data }: JsonViewerProps) {
+  return (
+    <pre style={{
+      backgroundColor: '#f4f4f4',
+      padding: '1rem',
+      borderRadius: '5px',
+      width: '100%',
+      height: '100%'
+    }}>
+      {JSON.stringify(data)}
+    </pre>
+  );
+}

src/client/dd-hub-react/src/pages/doc-search.tsx

@@ -1,27 +1,15 @@
-import { useEffect, useState } from 'react';
-
 import { _posts } from 'src/_mock';
 import { CONFIG } from 'src/config-global';
-import { Doc, getDocuments } from 'src/services/document-service';
 
 import { DocSearchView } from 'src/sections/document/view';
 
 // ----------------------------------------------------------------------
 
 export default function Page() {
-  const [docs, setDocs] = useState<Doc[]>([]);
-
-  useEffect(() => {
-    getDocuments({}).then((res) => {
-      setDocs(res);
-    });
-  }, []);
-
   return (
     <>
       <title>{`Document Search - ${CONFIG.appName}`}</title>
-
+      <DocSearchView />
-      <DocSearchView docs={docs} />
     </>
   );
 }

src/client/dd-hub-react/src/sections/document/num-filter.tsx

@@ -1,27 +1,42 @@
-import { useState } from 'react';
+import debounce from 'lodash.debounce';
+import { useState, useMemo } from 'react';
 
 import TextField from '@mui/material/TextField';
 // ----------------------------------------------------------------------
 
-type BoolFilterProps = {
+type NumFilterProps = {
     label: string;
+    onChange?: (value: string) => void;
 }
 
 const isNumbers = (str: string) => /^[0-9]*$/.test(str);
 
-export function IntFilter({ label }: BoolFilterProps) {
+export function IntFilter({ label, onChange }: NumFilterProps) {
     const [val, setVal] = useState("");
 
     const onInputChange = (event: any) => {
         const value = event.target.value;
         if (isNumbers(value)) {
             setVal(value);
+            debouncedChange(value);
         }
     };
 
+    const debouncedChange = useMemo(() =>
+        debounce((value: string) => {
+            onChange?.(value);
+        }, 1000)
+        , [onChange]);
+
     return <TextField label={label} value={val} onChange={onInputChange} variant="filled" />;
 }
 
-export function DecimalFilter({ label }: BoolFilterProps) {
+export function DecimalFilter({ label, onChange }: NumFilterProps) {
-    return <TextField type="number" label={label} variant="filled" />;
+    const debouncedChange = useMemo(() =>
+        debounce((value: string) => {
+            onChange?.(value);
+        }, 1000)
+        , [onChange]);
+
+    return <TextField type="number" label={label} variant="filled" onChange={e => debouncedChange(e.target.value)} />;
 }

src/client/dd-hub-react/src/sections/document/text-filter.tsx

@@ -1,10 +1,20 @@
+import { useMemo } from 'react';
+import debounce from 'lodash.debounce';
+
 import TextField from '@mui/material/TextField';
 // ----------------------------------------------------------------------
 
 type TextFilterProps = {
     label: string;
+    onChange?: (value: string) => void;
 }
 
-export function TextFilter({ label }: TextFilterProps) {
+export function TextFilter({ label, onChange }: TextFilterProps) {
-    return <TextField label={label} variant="filled" />;
+    const debouncedChange = useMemo(() =>
+        debounce((value: string) => {
+            onChange?.(value);
+        }, 1000)
+        , [onChange]);
+
+    return <TextField label={label} variant="filled" onChange={e => debouncedChange(e.target.value)} />;
 }

src/client/dd-hub-react/src/sections/document/view/doc-full-view.tsx

@@ -26,8 +26,8 @@ const getMimeType = (format: FileFormat): string => {
 };
 
 type DocFullViewProps = {
-    data: Uint8Array;
+    data: Uint8Array | Promise<Uint8Array>;
-    format?: FileFormat;
+    format: FileFormat;
     open: boolean;
     handleClose: () => void;
 }
@@ -46,16 +46,31 @@ export default function DocFullView({ data, format, open, handleClose }: DocFull
     const [objectUrl, setObjectUrl] = useState<string | null>(null);
 
     useEffect(() => {
-        if (!data || !format)
+        let isMounted = true;
-            return undefined;
+        let url: string | null = null;
 
-        const mimeType = getMimeType(format);
+        const processData = async () => {
-        const blob = new Blob([data], { type: mimeType });
+            try {
-        const url = URL.createObjectURL(blob);
+                const resolvedData = await data;
-        setObjectUrl(url);
+                const mimeType = getMimeType(format);
+                const blob = new Blob([resolvedData], { type: mimeType });
+                url = URL.createObjectURL(blob);
+
+                if (isMounted) {
+                    setObjectUrl(url);
+                }
+            } catch (err) {
+                console.error('Data resolution error:', err);
+            }
+        };
+
+        processData();
 
         return () => {
-            URL.revokeObjectURL(url);
+            isMounted = false;
+            if (url) {
+                URL.revokeObjectURL(url);
+            }
         };
     }, [data, format]);
 

src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx

@@ -6,8 +6,8 @@ import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
 import Pagination from '@mui/material/Pagination';
 
-import { Doc } from 'src/services/document-service';
 import { DashboardContent } from 'src/layouts/dashboard';
+import docService, { Doc } from 'src/services/document-service';
 import { Attribute, getAttributes } from 'src/services/attribute-service';
 
 import { Iconify } from 'src/components/iconify';
@@ -20,11 +20,7 @@ import { DecimalFilter, IntFilter } from '../num-filter';
 import { DateFilter, DateTimeFilter, TimeFilter } from '../date-filter';
 // ----------------------------------------------------------------------
 
-type Props = {
+export function DocSearchView() {
-  docs: Doc[];
-};
-
-export function DocSearchView({ docs }: Props) {
   const [sortBy, setSortBy] = useState('latest');
 
   const [filters, setFilters] = useState<Attribute[]>([])
@@ -41,6 +37,43 @@ export function DocSearchView({ docs }: Props) {
 
   const [openCreateFilterModal, setOpenCreateFilterModal] = useState(false);
 
+  const [docs, setDocs] = useState<Doc[]>([]);
+
+  useEffect(() => {
+    docService.get({}).then((res) => {
+      setDocs(res);
+    });
+  }, []);
+
+  //#region attributes
+  const [attributes, setAttributes] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    docService.getByAttribute(attributes).then(setDocs);
+  }, [attributes]);
+
+  function setAttribute(name: string, serilizedValue: string) {
+    setAttributes(prev => ({
+      ...prev,
+      [name]: serilizedValue
+    }));
+  }
+
+  function removeAttribute(name: string) {
+    setAttributes(prev => {
+      const { [name]: _, ...rest } = prev;
+      return rest;
+    });
+  }
+
+  function updateAttribute(name: string, serilizedValue?: string | null) {
+    if (serilizedValue)
+      setAttribute(name, serilizedValue);
+    else
+      removeAttribute(name);
+  }
+  //#endregion
+
   //#region example components
   // <Box
   //   sx={{
@@ -98,13 +131,13 @@ export function DocSearchView({ docs }: Props) {
               filterComp = <BoolFilter label={filter.label ?? filter.name} />
               break;
             case 'INTEGER':
-              filterComp = <IntFilter label={filter.label ?? filter.name} />
+              filterComp = <IntFilter label={filter.label ?? filter.name} onChange={value => updateAttribute(filter.name, value)} />
               break;
             case 'DECIMAL':
-              filterComp = <DecimalFilter label={filter.label ?? filter.name} />
+              filterComp = <DecimalFilter label={filter.label ?? filter.name} onChange={value => updateAttribute(filter.name, value)} />
               break;
             case 'VARCHAR':
-              filterComp = <TextFilter label={filter.label ?? filter.name} />
+              filterComp = <TextFilter label={filter.label ?? filter.name} onChange={value => updateAttribute(filter.name, value)} />
               break;
             case 'DATE':
               filterComp = <DateFilter label={filter.label ?? filter.name} />

src/client/dd-hub-react/src/services/document-service.ts

@@ -1,6 +1,4 @@
-import { _documents } from "src/_mock"
+import { _documents, _genFile } from "src/_mock"
-
-import { Type } from "./attribute-service";
 
 export type FileFormat =
     | 'pdf'
@@ -27,7 +25,6 @@ const validExtensions: FileFormat[] = [
 type DocAttribute = {
     name: string;
     serilizedValue: string;
-    type: Type;
 }
 
 export class Doc {
@@ -40,13 +37,16 @@ export class Doc {
 
     id!: number;
     name!: string;
-    data!: Uint8Array;
     addedWhen!: Date;
     addedWho!: string;
     changedWhen?: Date;
     changedWho?: string;
     attributes: Array<DocAttribute> = [];
 
+    get data(): Promise<Uint8Array> {
+        return Promise.resolve(_genFile(this.name)!);
+    }
+
     getChangedInfo(separator: string = " | "): string | null {
         const who = this.changedWho?.trim();
         const when = this.changedWhen?.toLocaleDateString('de-DE');
@@ -58,7 +58,7 @@ export class Doc {
         return [who, when].filter(Boolean).join(separator);
     }
 
-    get extension(): FileFormat | undefined {
+    get extension(): FileFormat {
         const parts = this.name.split('.');
         if (parts.length > 1 && parts[parts.length - 1].trim() !== '') {
             const ext = parts[parts.length - 1].toLowerCase();
@@ -66,7 +66,7 @@ export class Doc {
             if (validExtensions.includes(ext as FileFormat))
                 return ext as FileFormat;
         }
-        return undefined;
+        throw new Error(`Invalid or missing file extension in filename: "${this.name}". Supported extensions are: ${validExtensions.join(', ')}.`);
     }
 
     get iconSrc(): string {
@@ -76,25 +76,39 @@ export class Doc {
 
 export type DocQuery = {
     id?: number | undefined,
-    name?: string | undefined
+    name?: string | undefined,
+    attributes?: Record<string, string>
 }
 
-export function getDocuments(query: DocQuery | undefined = undefined): Promise<Doc[]> {
+class DocService {
-    let documents = _documents;
+    get(query: DocQuery | undefined = undefined): Promise<Doc[]> {
+        let documents = _documents;
 
-    if (query?.id)
+        if (query?.id)
-        documents = documents.filter(d => d.id === query.id);
+            documents = documents.filter(d => d.id === query.id);
 
-    if (query?.name)
+        if (query?.name)
-        documents = documents.filter(d => d.name === query.name);
+            documents = documents.filter(d => d.name === query.name);
 
-    return Promise.resolve(documents);
+        for (const name in query?.attributes) {
+            const attr = query.attributes[name];
+            documents = documents.filter(d => d.attributes.find(a => a.name === name)?.serilizedValue.toLowerCase().includes(attr.toLowerCase()));
+        }
+
+        return Promise.resolve(documents);
+    }
+
+    getById(id: number): Promise<Doc[]> {
+        return this.get({ id: id });
+    }
+
+    getByName(name: string): Promise<Doc[]> {
+        return this.get({ name: name });
+    }
+
+    getByAttribute(attributes: Record<string, string>): Promise<Doc[]> {
+        return this.get({ attributes: attributes });
+    }
 }
 
-export function getDocumentById(id: number): Promise<Doc[]> {
+export default new DocService();
-    return getDocuments({ id: id });
-}
-
-export function getDocumentByName(name: string): Promise<Doc[]> {
-    return getDocuments({ name: name });
-}

src/client/dd-hub-react/yarn.lock

@@ -586,6 +586,18 @@
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/lodash.debounce@^4.0.9":
+  version "4.0.9"
+  resolved "https://registry.npmjs.org/@types/lodash.debounce/-/lodash.debounce-4.0.9.tgz"
+  integrity sha512-Ma5JcgTREwpLRwMM+XwBR7DaWe96nC38uCBDFKZWbNKD+osjVzdpnUSwBcqCptrp16sSOLBAUb50Car5I0TCsQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.17.20"
+  resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz"
+  integrity sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==
+
 "@types/node@^18.0.0 || ^20.0.0 || >=22.0.0", "@types/node@^22.14.0":
   version "22.14.0"
   resolved "https://registry.npmjs.org/@types/node/-/node-22.14.0.tgz"
@@ -2021,6 +2033,11 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"