@nestledjs/data-browser 0.1.11 → 0.1.13

package/index.js

@@ -16,6 +16,7 @@ import { RelationFilterField } from "./lib/components/filters/RelationFilterFiel
 import { AdminBreadcrumbs } from "./lib/components/shared/AdminBreadcrumbs.js";
 import { AdminEmptyState, AdminErrorState, AdminLoadingState } from "./lib/components/shared/AdminErrorStates.js";
 import { AdminStatusDisplay, AdminUserStatus } from "./lib/components/shared/AdminStatusDisplay.js";
+import { RelationFieldWrapper } from "./lib/components/RelationFieldWrapper.js";
 import { buildFormFields, cleanFormInput, getAdminDocuments, getMutationName } from "./lib/utils/graphql-utils.js";
 import { AdminLocalStorage, SecureAdminLocalStorage } from "./lib/utils/secure-storage.js";
 import { formatFieldName, getItemDisplayName, getSmartSearchFields, kebabCase, normalizeModelNameForDocument, spacedWords } from "./lib/utils/string-utils.js";
@@ -40,6 +41,7 @@ export {
   NumberRangeFilter,
   RelationDropdownButton,
   RelationDropdownContent,
+  RelationFieldWrapper,
   RelationFilterField,
   RelationItem,
   RelationItemList,

package/lib/components/RelationFieldWrapper.d.ts

@@ -0,0 +1,9 @@
+interface RelationFieldWrapperProps {
+    readonly children?: React.ReactNode;
+    readonly relationType?: string;
+    readonly initialValue?: string;
+    readonly fieldName?: string;
+    readonly basePath?: string;
+}
+export declare function RelationFieldWrapper({ children, relationType, initialValue, fieldName, basePath }: RelationFieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/RelationFieldWrapper.js

@@ -0,0 +1,63 @@
+import { Link } from "react-router";
+import { useState, useEffect } from "react";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/RelationFieldWrapper.tsx";
+const toKebabCase = (str) => {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+};
+function RelationFieldWrapper({
+  children,
+  relationType,
+  initialValue,
+  fieldName,
+  basePath = "/admin/data"
+}) {
+  const [currentValue, setCurrentValue] = useState(initialValue || "");
+  useEffect(() => {
+    if (initialValue && !currentValue) {
+      setCurrentValue(initialValue);
+    }
+    if (fieldName) {
+      const selectElement = document.querySelector(`[name="${fieldName}"]`);
+      if ((selectElement == null ? void 0 : selectElement.value) && selectElement.value !== currentValue) {
+        setCurrentValue(selectElement.value);
+      }
+      if (selectElement) {
+        const handleChange = (event) => {
+          const target = event.target;
+          if (target.value !== currentValue) {
+            setCurrentValue(target.value);
+          }
+        };
+        selectElement.addEventListener("change", handleChange);
+        return () => {
+          selectElement.removeEventListener("change", handleChange);
+        };
+      }
+    }
+  }, [fieldName, currentValue, initialValue]);
+  const showViewLink = !!(relationType && currentValue && currentValue !== "");
+  return /* @__PURE__ */ React.createElement("div", { className: "relative", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 64,
+    columnNumber: 5
+  } }, children, showViewLink && /* @__PURE__ */ React.createElement("div", { className: "mt-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 67,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(relationType)}/${currentValue}`, className: "inline-flex items-center text-xs text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 hover:underline", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 68,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 72,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 79,
+    columnNumber: 15
+  } })), "View ", relationType, " record")));
+}
+export {
+  RelationFieldWrapper
+};

package/lib/components/filters/DateRangeFilter.d.ts

@@ -3,5 +3,5 @@ interface DateRangeFilterProps {
     currentValue: any;
     onChange: (value: any) => void;
 }
-export declare function DateRangeFilter({ fieldName, currentValue, onChange }: DateRangeFilterProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangeFilter({ fieldName, currentValue, onChange }: Readonly<DateRangeFilterProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/filters/DateRangeFilter.js

@@ -1,5 +1,5 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
 import { formatFieldName } from "../../utils/string-utils.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/DateRangeFilter.tsx";
 function DateRangeFilter({
   fieldName,
   currentValue,
@@ -8,7 +8,9 @@ function DateRangeFilter({
   const fromDate = (currentValue == null ? void 0 : currentValue.gte) ? new Date(currentValue.gte).toISOString().split("T")[0] : "";
   const toDate = (currentValue == null ? void 0 : currentValue.lte) ? new Date(currentValue.lte).toISOString().split("T")[0] : "";
   const handleFromChange = (date) => {
-    const newValue = { ...currentValue };
+    const newValue = {
+      ...currentValue
+    };
     if (date) {
       newValue.gte = new Date(date).toISOString();
     } else {
@@ -21,7 +23,9 @@ function DateRangeFilter({
     }
   };
   const handleToChange = (date) => {
-    const newValue = { ...currentValue };
+    const newValue = {
+      ...currentValue
+    };
     if (date) {
       const endOfDay = new Date(date);
       endOfDay.setHours(23, 59, 59, 999);
@@ -35,88 +39,47 @@ function DateRangeFilter({
       onChange(newValue);
     }
   };
-  return /* @__PURE__ */ jsxDEV("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsxDEV("label", { className: "block text-sm font-medium text-gray-700", children: formatFieldName(fieldName) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-      lineNumber: 56,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ jsxDEV("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsxDEV("div", { children: [
-        /* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "From" }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-          lineNumber: 61,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ jsxDEV(
-          "input",
-          {
-            type: "date",
-            value: fromDate,
-            onChange: (e) => handleFromChange(e.target.value),
-            className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-            lineNumber: 62,
-            columnNumber: 11
-          },
-          this
-        )
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-        lineNumber: 60,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ jsxDEV("div", { children: [
-        /* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "To" }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-          lineNumber: 70,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ jsxDEV(
-          "input",
-          {
-            type: "date",
-            value: toDate,
-            onChange: (e) => handleToChange(e.target.value),
-            className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-            lineNumber: 71,
-            columnNumber: 11
-          },
-          this
-        )
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-        lineNumber: 69,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-      lineNumber: 59,
-      columnNumber: 7
-    }, this),
-    (fromDate || toDate) && /* @__PURE__ */ jsxDEV("div", { className: "text-xs text-gray-500", children: [
-      fromDate && toDate && `${fromDate} to ${toDate}`,
-      fromDate && !toDate && `From ${fromDate}`,
-      !fromDate && toDate && `Until ${toDate}`
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
-      lineNumber: 80,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-1", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 55,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 56,
+    columnNumber: 7
+  } }, formatFieldName(fieldName)), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 59,
+    columnNumber: 7
+  } }, /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 60,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("label", { htmlFor: `${fieldName}-from`, className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 61,
+    columnNumber: 11
+  } }, "From"), /* @__PURE__ */ React.createElement("input", { id: `${fieldName}-from`, type: "date", value: fromDate, onChange: (e) => handleFromChange(e.target.value), className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 62,
+    columnNumber: 11
+  } })), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 70,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("label", { htmlFor: `${fieldName}-to`, className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 71,
+    columnNumber: 11
+  } }, "To"), /* @__PURE__ */ React.createElement("input", { id: `${fieldName}-to`, type: "date", value: toDate, onChange: (e) => handleToChange(e.target.value), className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 72,
+    columnNumber: 11
+  } }))), (fromDate || toDate) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 82,
+    columnNumber: 9
+  } }, fromDate && toDate && `${fromDate} to ${toDate}`, fromDate && !toDate && `From ${fromDate}`, !fromDate && toDate && `Until ${toDate}`));
 }
 export {
   DateRangeFilter

package/lib/components/filters/NumberRangeFilter.js

@@ -1,31 +1,33 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
 import { formatFieldName } from "../../utils/string-utils.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/NumberRangeFilter.tsx";
 function NumberRangeFilter({
   fieldName,
   fieldType,
   currentValue,
   onChange
 }) {
-  const minValue = (currentValue == null ? void 0 : currentValue.gte) !== void 0 ? currentValue.gte.toString() : "";
-  const maxValue = (currentValue == null ? void 0 : currentValue.lte) !== void 0 ? currentValue.lte.toString() : "";
+  const minValue = (currentValue == null ? void 0 : currentValue.gte) === void 0 ? "" : currentValue.gte.toString();
+  const maxValue = (currentValue == null ? void 0 : currentValue.lte) === void 0 ? "" : currentValue.lte.toString();
   const parseNumber = (value) => {
     if (!value) return void 0;
     if (fieldType === "int" || fieldType === "bigint") {
-      const parsed = parseInt(value, 10);
-      return isNaN(parsed) ? void 0 : parsed;
+      const parsed = Number.parseInt(value, 10);
+      return Number.isNaN(parsed) ? void 0 : parsed;
     } else if (fieldType === "float" || fieldType === "decimal") {
-      const parsed = parseFloat(value);
-      return isNaN(parsed) ? void 0 : parsed;
+      const parsed = Number.parseFloat(value);
+      return Number.isNaN(parsed) ? void 0 : parsed;
     }
     return void 0;
   };
   const handleMinChange = (value) => {
-    const newValue = { ...currentValue };
+    const newValue = {
+      ...currentValue
+    };
     const parsedValue = parseNumber(value);
-    if (parsedValue !== void 0) {
-      newValue.gte = parsedValue;
-    } else {
+    if (parsedValue === void 0) {
       delete newValue.gte;
+    } else {
+      newValue.gte = parsedValue;
     }
     if (newValue.gte === void 0 && newValue.lte === void 0) {
       onChange(void 0);
@@ -34,12 +36,14 @@ function NumberRangeFilter({
     }
   };
   const handleMaxChange = (value) => {
-    const newValue = { ...currentValue };
+    const newValue = {
+      ...currentValue
+    };
     const parsedValue = parseNumber(value);
-    if (parsedValue !== void 0) {
-      newValue.lte = parsedValue;
-    } else {
+    if (parsedValue === void 0) {
       delete newValue.lte;
+    } else {
+      newValue.lte = parsedValue;
     }
     if (newValue.gte === void 0 && newValue.lte === void 0) {
       onChange(void 0);
@@ -48,92 +52,47 @@ function NumberRangeFilter({
     }
   };
   const step = fieldType === "int" || fieldType === "bigint" ? "1" : "any";
-  return /* @__PURE__ */ jsxDEV("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsxDEV("label", { className: "block text-sm font-medium text-gray-700", children: formatFieldName(fieldName) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-      lineNumber: 75,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ jsxDEV("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsxDEV("div", { children: [
-        /* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "Min" }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-          lineNumber: 80,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ jsxDEV(
-          "input",
-          {
-            type: "number",
-            step,
-            value: minValue,
-            onChange: (e) => handleMinChange(e.target.value),
-            placeholder: "No minimum",
-            className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-            lineNumber: 81,
-            columnNumber: 11
-          },
-          this
-        )
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-        lineNumber: 79,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ jsxDEV("div", { children: [
-        /* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "Max" }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-          lineNumber: 91,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ jsxDEV(
-          "input",
-          {
-            type: "number",
-            step,
-            value: maxValue,
-            onChange: (e) => handleMaxChange(e.target.value),
-            placeholder: "No maximum",
-            className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-            lineNumber: 92,
-            columnNumber: 11
-          },
-          this
-        )
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-        lineNumber: 90,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-      lineNumber: 78,
-      columnNumber: 7
-    }, this),
-    (minValue || maxValue) && /* @__PURE__ */ jsxDEV("div", { className: "text-xs text-gray-500", children: [
-      minValue && maxValue && `${minValue} to ${maxValue}`,
-      minValue && !maxValue && `≥ ${minValue}`,
-      !minValue && maxValue && `≤ ${maxValue}`
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
-      lineNumber: 103,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-1", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 74,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 75,
+    columnNumber: 7
+  } }, formatFieldName(fieldName)), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 78,
+    columnNumber: 7
+  } }, /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 79,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("label", { htmlFor: `${fieldName}-min`, className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 80,
+    columnNumber: 11
+  } }, "Min"), /* @__PURE__ */ React.createElement("input", { id: `${fieldName}-min`, type: "number", step, value: minValue, onChange: (e) => handleMinChange(e.target.value), placeholder: "No minimum", className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 81,
+    columnNumber: 11
+  } })), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 91,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("label", { htmlFor: `${fieldName}-max`, className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 92,
+    columnNumber: 11
+  } }, "Max"), /* @__PURE__ */ React.createElement("input", { id: `${fieldName}-max`, type: "number", step, value: maxValue, onChange: (e) => handleMaxChange(e.target.value), placeholder: "No maximum", className: "w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-web focus:border-green-web", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 93,
+    columnNumber: 11
+  } }))), (minValue || maxValue) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 105,
+    columnNumber: 9
+  } }, minValue && maxValue && `${minValue} to ${maxValue}`, minValue && !maxValue && `≥ ${minValue}`, !minValue && maxValue && `≤ ${maxValue}`));
 }
 export {
   NumberRangeFilter

package/lib/components/filters/RelationComponents.d.ts

@@ -9,10 +9,10 @@ export declare function RelationSearchInput({ searchTerm, onSearchChange, relate
     onSearchChange: (value: string) => void;
     relatedModelName: string;
 }>): import("react/jsx-runtime").JSX.Element;
-export declare function RelationItem({ item, onSelect }: {
+export declare function RelationItem({ item, onSelect }: Readonly<{
     item: any;
     onSelect: (item: any) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;
 export declare function RelationItemList({ items, loading, error, onSelect, onClear }: Readonly<{
     items: any[];
     loading: boolean;
@@ -20,7 +20,7 @@ export declare function RelationItemList({ items, loading, error, onSelect, onCl
     onSelect: (item: any) => void;
     onClear: () => void;
 }>): import("react/jsx-runtime").JSX.Element;
-export declare function RelationDropdownContent({ searchTerm, onSearchChange, relatedModelName, items, loading, error, onSelect, onClear }: {
+export declare function RelationDropdownContent({ searchTerm, onSearchChange, relatedModelName, items, loading, error, onSelect, onClear }: Readonly<{
     searchTerm: string;
     onSearchChange: (value: string) => void;
     relatedModelName: string;
@@ -29,4 +29,4 @@ export declare function RelationDropdownContent({ searchTerm, onSearchChange, re
     error?: any;
     onSelect: (item: any) => void;
     onClear: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;