@nestledjs/data-browser 0.1.11 → 0.1.13

package/lib/components/shared/AdminBreadcrumbs.js

@@ -1,6 +1,7 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
+import React from "react";
 import { Link } from "react-router";
 import { HomeIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx";
 function AdminBreadcrumbs({
   items,
   showHome = true,
@@ -9,101 +10,52 @@ function AdminBreadcrumbs({
 }) {
   const renderHomeLink = () => {
     if (!showHome) return null;
-    return /* @__PURE__ */ jsxDEV("li", { className: "flex items-center", children: /* @__PURE__ */ jsxDEV(
-      Link,
-      {
-        to: homeHref,
-        className: "text-gray-400 hover:text-gray-500",
-        "aria-label": "Home",
-        children: /* @__PURE__ */ jsxDEV(HomeIcon, { className: "h-5 w-5 flex-shrink-0" }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-          lineNumber: 36,
-          columnNumber: 11
-        }, this)
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-        lineNumber: 31,
-        columnNumber: 9
-      },
-      this
-    ) }, "home", false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+    return /* @__PURE__ */ React.createElement("li", { key: "home", className: "flex items-center", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 30,
       columnNumber: 7
-    }, this);
+    } }, /* @__PURE__ */ React.createElement(Link, { to: homeHref, className: "text-gray-400 hover:text-gray-500", "aria-label": "Home", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement(HomeIcon, { className: "h-5 w-5 flex-shrink-0", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 11
+    } })));
   };
   const renderBreadcrumbItem = (item, index, isLast) => {
-    const content = item.href && !item.isActive ? /* @__PURE__ */ jsxDEV(
-      Link,
-      {
-        to: item.href,
-        className: "text-sm font-medium text-gray-500 hover:text-gray-700",
-        children: item.label
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-        lineNumber: 44,
-        columnNumber: 7
-      },
-      this
-    ) : /* @__PURE__ */ jsxDEV(
-      "span",
-      {
-        className: `text-sm font-medium ${item.isActive ? "text-gray-900" : "text-gray-500"}`,
-        children: item.label
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-        lineNumber: 51,
-        columnNumber: 7
-      },
-      this
-    );
-    return /* @__PURE__ */ jsxDEV("li", { className: "flex items-center", children: [
-      (showHome || index > 0) && /* @__PURE__ */ jsxDEV(
-        ChevronRightIcon,
-        {
-          className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4",
-          "aria-hidden": "true"
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-          lineNumber: 63,
-          columnNumber: 11
-        },
-        this
-      ),
-      content
-    ] }, item.id, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+    const content = item.href && !item.isActive ? /* @__PURE__ */ React.createElement(Link, { to: item.href, className: "text-sm font-medium text-gray-500 hover:text-gray-700", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 7
+    } }, item.label) : /* @__PURE__ */ React.createElement("span", { className: `text-sm font-medium ${item.isActive ? "text-gray-900" : "text-gray-500"}`, __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 7
+    } }, item.label);
+    return /* @__PURE__ */ React.createElement("li", { key: item.id, className: "flex items-center", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 61,
       columnNumber: 7
-    }, this);
+    } }, (showHome || index > 0) && /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4", "aria-hidden": "true", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 11
+    } }), content);
   };
-  return /* @__PURE__ */ jsxDEV("nav", { className: `flex ${className}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxDEV("ol", { className: "flex items-center space-x-4", children: [
-    renderHomeLink(),
-    items.map((item, index) => {
-      index === items.length - 1;
-      return renderBreadcrumbItem(item, index);
-    })
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-    lineNumber: 79,
-    columnNumber: 7
-  }, this) }, void 0, false, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-    lineNumber: 78,
+  return /* @__PURE__ */ React.createElement("nav", { className: `flex ${className}`, "aria-label": "Breadcrumb", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 74,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 75,
+    columnNumber: 7
+  } }, renderHomeLink(), items.map((item, index) => {
+    index === items.length - 1;
+    return renderBreadcrumbItem(item, index);
+  })));
 }
 export {
   AdminBreadcrumbs

package/lib/components/shared/AdminErrorStates.js

@@ -1,5 +1,6 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
+import React from "react";
 import { XCircleIcon, ExclamationCircleIcon, ExclamationTriangleIcon } from "@heroicons/react/24/outline";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx";
 const getSeverityConfig = (severity) => {
   const configs = {
     warning: {
@@ -43,89 +44,55 @@ function AdminErrorState({
 }) {
   const config = getSeverityConfig(severity);
   const IconComponent = config.icon;
-  return /* @__PURE__ */ jsxDEV("div", { className: `rounded-md border p-4 ${config.bgColor} ${config.borderColor} ${className}`, children: /* @__PURE__ */ jsxDEV("div", { className: "flex", children: [
-    showIcon && /* @__PURE__ */ jsxDEV("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxDEV(IconComponent, { className: `h-5 w-5 ${config.iconColor}`, "aria-hidden": "true" }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 82,
-      columnNumber: 13
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 81,
-      columnNumber: 11
-    }, this),
-    /* @__PURE__ */ jsxDEV("div", { className: showIcon ? "ml-3" : "", children: [
-      /* @__PURE__ */ jsxDEV("h3", { className: `text-sm font-medium ${config.titleColor}`, children: title }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 86,
-        columnNumber: 11
-      }, this),
-      message && /* @__PURE__ */ jsxDEV("div", { className: `mt-2 text-sm ${config.messageColor}`, children: /* @__PURE__ */ jsxDEV("p", { children: message }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 91,
-        columnNumber: 15
-      }, this) }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 90,
-        columnNumber: 13
-      }, this),
-      (onRetry || onDismiss) && /* @__PURE__ */ jsxDEV("div", { className: "mt-4", children: /* @__PURE__ */ jsxDEV("div", { className: "-mx-2 -my-1.5 flex", children: [
-        onRetry && /* @__PURE__ */ jsxDEV(
-          "button",
-          {
-            type: "button",
-            onClick: onRetry,
-            className: `rounded-md px-2 py-1.5 text-sm font-medium ${config.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,
-            children: "Try Again"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-            lineNumber: 98,
-            columnNumber: 19
-          },
-          this
-        ),
-        onDismiss && /* @__PURE__ */ jsxDEV(
-          "button",
-          {
-            type: "button",
-            onClick: onDismiss,
-            className: `ml-3 rounded-md px-2 py-1.5 text-sm font-medium ${config.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,
-            children: "Dismiss"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-            lineNumber: 107,
-            columnNumber: 19
-          },
-          this
-        )
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 96,
-        columnNumber: 15
-      }, this) }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 95,
-        columnNumber: 13
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 85,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-    lineNumber: 79,
-    columnNumber: 7
-  }, this) }, void 0, false, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: `rounded-md border p-4 ${config.bgColor} ${config.borderColor} ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 78,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 79,
+    columnNumber: 7
+  } }, showIcon && /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 81,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement(IconComponent, { className: `h-5 w-5 ${config.iconColor}`, "aria-hidden": "true", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 82,
+    columnNumber: 13
+  } })), /* @__PURE__ */ React.createElement("div", { className: showIcon ? "ml-3" : "", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 85,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("h3", { className: `text-sm font-medium ${config.titleColor}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 86,
+    columnNumber: 11
+  } }, title), message && /* @__PURE__ */ React.createElement("div", { className: `mt-2 text-sm ${config.messageColor}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 90,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("p", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 91,
+    columnNumber: 15
+  } }, message)), (onRetry || onDismiss) && /* @__PURE__ */ React.createElement("div", { className: "mt-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 95,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("div", { className: "-mx-2 -my-1.5 flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 96,
+    columnNumber: 15
+  } }, onRetry && /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onRetry, className: `rounded-md px-2 py-1.5 text-sm font-medium ${config.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 98,
+    columnNumber: 19
+  } }, "Try Again"), onDismiss && /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onDismiss, className: `ml-3 rounded-md px-2 py-1.5 text-sm font-medium ${config.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 107,
+    columnNumber: 19
+  } }, "Dismiss"))))));
 }
 function AdminEmptyState({
   title,
@@ -135,48 +102,31 @@ function AdminEmptyState({
   className = "",
   icon: IconComponent
 }) {
-  return /* @__PURE__ */ jsxDEV("div", { className: `text-center ${className}`, children: [
-    IconComponent && /* @__PURE__ */ jsxDEV(IconComponent, { className: "mx-auto h-12 w-12 text-gray-400" }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 135,
-      columnNumber: 9
-    }, this),
-    /* @__PURE__ */ jsxDEV("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: title }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 137,
-      columnNumber: 7
-    }, this),
-    message && /* @__PURE__ */ jsxDEV("p", { className: "mt-1 text-sm text-gray-500", children: message }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 139,
-      columnNumber: 9
-    }, this),
-    actionLabel && onAction && /* @__PURE__ */ jsxDEV("div", { className: "mt-6", children: /* @__PURE__ */ jsxDEV(
-      "button",
-      {
-        type: "button",
-        onClick: onAction,
-        className: "inline-flex items-center rounded-md bg-green-web px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-web-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-web",
-        children: actionLabel
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 143,
-        columnNumber: 11
-      },
-      this
-    ) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 142,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: `text-center ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 133,
     columnNumber: 5
-  }, this);
+  } }, IconComponent && /* @__PURE__ */ React.createElement(IconComponent, { className: "mx-auto h-12 w-12 text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 135,
+    columnNumber: 9
+  } }), /* @__PURE__ */ React.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 137,
+    columnNumber: 7
+  } }, title), message && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 139,
+    columnNumber: 9
+  } }, message), actionLabel && onAction && /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 142,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onAction, className: "inline-flex items-center rounded-md bg-green-web px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-web-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-web", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 143,
+    columnNumber: 11
+  } }, actionLabel)));
 }
 function AdminLoadingState({
   title = "Loading...",
@@ -192,27 +142,23 @@ function AdminLoadingState({
     };
     return sizes[size];
   };
-  return /* @__PURE__ */ jsxDEV("div", { className: `flex flex-col items-center justify-center p-8 ${className}`, children: [
-    /* @__PURE__ */ jsxDEV("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${getSizeClasses()}` }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 173,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ jsxDEV("h3", { className: "mt-4 text-sm font-medium text-gray-900", children: title }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 174,
-      columnNumber: 7
-    }, this),
-    message && /* @__PURE__ */ jsxDEV("p", { className: "mt-1 text-sm text-gray-500", children: message }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 176,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: `flex flex-col items-center justify-center p-8 ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 172,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${getSizeClasses()}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 173,
+    columnNumber: 7
+  } }), /* @__PURE__ */ React.createElement("h3", { className: "mt-4 text-sm font-medium text-gray-900", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 174,
+    columnNumber: 7
+  } }, title), message && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 176,
+    columnNumber: 9
+  } }, message));
 }
 export {
   AdminEmptyState,

package/lib/components/shared/AdminStatusDisplay.js

@@ -1,5 +1,6 @@
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import React from "react";
 import { QuestionMarkCircleIcon, PauseCircleIcon, CheckCircleIcon, XCircleIcon, ExclamationTriangleIcon, ClockIcon } from "@heroicons/react/24/solid";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx";
 const getStatusConfig = (status) => {
   const configs = {
     active: {
@@ -151,59 +152,38 @@ function AdminStatusDisplay({
   const finalClasses = `${baseClasses} ${interactiveClasses} ${className}`.trim();
   const renderDot = () => {
     if (!shouldShowDot) return null;
-    return /* @__PURE__ */ jsxDEV("span", { className: `inline-block rounded-full mr-2 ${config.bgColor.replace("bg-", "bg-").replace("-100", "-400")} ${sizeClasses.dot}` }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
+    return /* @__PURE__ */ React.createElement("span", { className: `inline-block rounded-full mr-2 ${config.bgColor.replace("bg-", "bg-").replace("-100", "-400")} ${sizeClasses.dot}`, __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 221,
       columnNumber: 7
-    }, this);
+    } });
   };
   const renderIcon = () => {
     if (!shouldShowIcon) return null;
-    return /* @__PURE__ */ jsxDEV(IconComponent, { className: `${sizeClasses.icon} ${displayLabel ? "mr-1.5" : ""}` }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
+    return /* @__PURE__ */ React.createElement(IconComponent, { className: `${sizeClasses.icon} ${displayLabel ? "mr-1.5" : ""}`, __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 229,
       columnNumber: 7
-    }, this);
+    } });
   };
-  const content = /* @__PURE__ */ jsxDEV(Fragment, { children: [
-    renderDot(),
-    renderIcon(),
-    displayLabel
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
-    lineNumber: 234,
-    columnNumber: 5
-  }, this);
+  const content = /* @__PURE__ */ React.createElement(React.Fragment, null, renderDot(), renderIcon(), displayLabel);
   const handleClick = () => {
     if (onClick) {
       onClick();
     }
   };
   if (isClickable) {
-    return /* @__PURE__ */ jsxDEV(
-      "button",
-      {
-        type: "button",
-        onClick: handleClick,
-        className: finalClasses,
-        title: tooltip,
-        children: content
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
-        lineNumber: 249,
-        columnNumber: 7
-      },
-      this
-    );
+    return /* @__PURE__ */ React.createElement("button", { type: "button", onClick: handleClick, className: finalClasses, title: tooltip, __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 249,
+      columnNumber: 7
+    } }, content);
   }
-  return /* @__PURE__ */ jsxDEV("span", { className: finalClasses, title: tooltip, children: content }, void 0, false, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
+  return /* @__PURE__ */ React.createElement("span", { className: finalClasses, title: tooltip, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 261,
     columnNumber: 5
-  }, this);
+  } }, content);
 }
 function AdminUserStatus({
   status,
@@ -215,32 +195,19 @@ function AdminUserStatus({
   const sizeClasses = getSizeClasses(size);
   const dotSizeClass = sizeClasses.dot;
   const textSizeClass = showLabel ? sizeClasses.text : "";
-  return /* @__PURE__ */ jsxDEV("div", { className: `inline-flex items-center ${className}`, children: [
-    /* @__PURE__ */ jsxDEV(
-      "span",
-      {
-        className: `inline-block rounded-full ${config.color} ${dotSizeClass}`,
-        "aria-label": config.label
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
-        lineNumber: 281,
-        columnNumber: 7
-      },
-      this
-    ),
-    showLabel && /* @__PURE__ */ jsxDEV("span", { className: `ml-2 text-gray-700 ${textSizeClass}`, children: config.label }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
-      lineNumber: 286,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminStatusDisplay.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: `inline-flex items-center ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 280,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("span", { className: `inline-block rounded-full ${config.color} ${dotSizeClass}`, "aria-label": config.label, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 281,
+    columnNumber: 7
+  } }), showLabel && /* @__PURE__ */ React.createElement("span", { className: `ml-2 text-gray-700 ${textSizeClass}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 286,
+    columnNumber: 9
+  } }, config.label));
 }
 export {
   AdminStatusDisplay,

package/lib/context/AdminDataContext.d.ts

@@ -39,7 +39,7 @@ export interface AdminDataProviderProps {
  * </AdminDataProvider>
  * ```
  */
-export declare function AdminDataProvider({ children, sdk, databaseModels, basePath, formTheme }: AdminDataProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminDataProvider({ children, sdk, databaseModels, basePath, formTheme }: Readonly<AdminDataProviderProps>): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access the admin data context
  * @throws Error if used outside of AdminDataProvider

package/lib/context/AdminDataContext.js

@@ -1,5 +1,5 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { createContext, useContext } from "react";
+import React, { createContext, useMemo, useContext } from "react";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/context/AdminDataContext.tsx";
 const AdminDataContext = createContext(null);
 function AdminDataProvider({
   children,
@@ -8,18 +8,22 @@ function AdminDataProvider({
   basePath = "/admin/data",
   formTheme
 }) {
-  return /* @__PURE__ */ jsxDEV(AdminDataContext.Provider, { value: { sdk, databaseModels, basePath, formTheme }, children }, void 0, false, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/context/AdminDataContext.tsx",
-    lineNumber: 55,
+  const value = useMemo(() => ({
+    sdk,
+    databaseModels,
+    basePath,
+    formTheme
+  }), [sdk, databaseModels, basePath, formTheme]);
+  return /* @__PURE__ */ React.createElement(AdminDataContext.Provider, { value, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 60,
     columnNumber: 5
-  }, this);
+  } }, children);
 }
 function useAdminDataContext() {
   const context = useContext(AdminDataContext);
   if (!context) {
-    throw new Error(
-      "useAdminDataContext must be used within AdminDataProvider. Make sure to wrap your admin data routes with <AdminDataProvider>."
-    );
+    throw new Error("useAdminDataContext must be used within AdminDataProvider. Make sure to wrap your admin data routes with <AdminDataProvider>.");
   }
   return context;
 }

package/lib/hooks/useRelationData.d.ts

@@ -1,4 +1,4 @@
-export declare function useRelationData(relatedModelName: string, searchTerm: string, isOpen: boolean): {
+export declare function useRelationData(relatedModelName: string, searchTerm: string, isOpen: boolean, currentValueId?: string): {
     relatedModel: any;
     relatedItems: any[];
     loading: boolean;

package/lib/hooks/useRelationData.js

@@ -4,7 +4,7 @@ import { useAdminDataContext } from "../context/AdminDataContext.js";
 import { getAdminDocuments } from "../utils/graphql-utils.js";
 import { getSmartSearchFields } from "../utils/string-utils.js";
 import { useDebounce } from "./useDebounce.js";
-function useRelationData(relatedModelName, searchTerm, isOpen) {
+function useRelationData(relatedModelName, searchTerm, isOpen, currentValueId) {
   const { sdk, databaseModels } = useAdminDataContext();
   const debouncedSearchTerm = useDebounce(searchTerm, 300);
   const relatedModel = useMemo(
@@ -45,7 +45,8 @@ function useRelationData(relatedModelName, searchTerm, isOpen) {
     error: relationError
   } = useQuery(relatedDocuments.listQuery, {
     variables: queryVariables,
-    skip: !relatedDocuments.listQuery || !isOpen,
+    // Don't skip if we have a currentValueId to display, even if dropdown is closed
+    skip: !relatedDocuments.listQuery || !isOpen && !currentValueId,
     errorPolicy: "all",
     // Continue processing even if there are GraphQL errors
     notifyOnNetworkStatusChange: true,