@nestledjs/data-browser 0.1.2 → 0.1.4

package/index.d.ts

@@ -0,0 +1,15 @@
+export * from './lib/context/AdminDataContext';
+export * from './lib/pages/AdminDataCreatePage';
+export * from './lib/pages/AdminDataEditPage';
+export * from './lib/pages/AdminDataListPage';
+export * from './lib/pages/AdminDataIndexPage';
+export * from './lib/layouts/AdminDataLayout';
+export * from './lib/types';
+export * from './lib/hooks/useAdminList';
+export * from './lib/hooks/useClickOutside';
+export * from './lib/hooks/useDebounce';
+export * from './lib/hooks/useRelationData';
+export * from './lib/components';
+export * from './lib/utils/graphql-utils';
+export * from './lib/utils/secure-storage';
+export * from './lib/utils/string-utils';

package/index.js

@@ -0,0 +1,64 @@
+import { AdminDataProvider as r, useAdminDataContext as o } from "./lib/context/AdminDataContext.js";
+import { AdminDataCreateErrorBoundary as m, AdminDataCreatePage as i } from "./lib/pages/AdminDataCreatePage.js";
+import { AdminDataEditErrorBoundary as d, AdminDataEditPage as p } from "./lib/pages/AdminDataEditPage.js";
+import { AdminDataErrorBoundary as u, AdminDataListPage as x } from "./lib/pages/AdminDataListPage.js";
+import { AdminDataIndexPage as s } from "./lib/pages/AdminDataIndexPage.js";
+import { AdminDataLayout as D } from "./lib/layouts/AdminDataLayout.js";
+import { initialState as c } from "./lib/types/index.js";
+import { useAdminList as F } from "./lib/hooks/useAdminList.js";
+import { useClickOutside as y } from "./lib/hooks/useClickOutside.js";
+import { useDebounce as L } from "./lib/hooks/useDebounce.js";
+import { useRelationData as C } from "./lib/hooks/useRelationData.js";
+import { DateRangeFilter as B } from "./lib/components/filters/DateRangeFilter.js";
+import { NumberRangeFilter as P } from "./lib/components/filters/NumberRangeFilter.js";
+import { RelationDropdownButton as k, RelationDropdownContent as w, RelationItem as M, RelationItemList as v, RelationSearchInput as z } from "./lib/components/filters/RelationComponents.js";
+import { RelationFilterField as U } from "./lib/components/filters/RelationFilterField.js";
+import { AdminBreadcrumbs as j } from "./lib/components/shared/AdminBreadcrumbs.js";
+import { AdminEmptyState as G, AdminErrorState as H, AdminLoadingState as J } from "./lib/components/shared/AdminErrorStates.js";
+import { AdminStatusDisplay as Q, AdminUserStatus as T } from "./lib/components/shared/AdminStatusDisplay.js";
+import { buildFormFields as X, cleanFormInput as Y, getAdminDocuments as Z, getMutationName as _ } from "./lib/utils/graphql-utils.js";
+import { AdminLocalStorage as ee, SecureAdminLocalStorage as te } from "./lib/utils/secure-storage.js";
+import { formatFieldName as oe, getItemDisplayName as ae, getSmartSearchFields as me, kebabCase as ie, normalizeModelNameForDocument as ne, spacedWords as de } from "./lib/utils/string-utils.js";
+export {
+  j as AdminBreadcrumbs,
+  m as AdminDataCreateErrorBoundary,
+  i as AdminDataCreatePage,
+  d as AdminDataEditErrorBoundary,
+  p as AdminDataEditPage,
+  u as AdminDataErrorBoundary,
+  s as AdminDataIndexPage,
+  D as AdminDataLayout,
+  x as AdminDataListPage,
+  r as AdminDataProvider,
+  G as AdminEmptyState,
+  H as AdminErrorState,
+  J as AdminLoadingState,
+  ee as AdminLocalStorage,
+  Q as AdminStatusDisplay,
+  T as AdminUserStatus,
+  B as DateRangeFilter,
+  P as NumberRangeFilter,
+  k as RelationDropdownButton,
+  w as RelationDropdownContent,
+  U as RelationFilterField,
+  M as RelationItem,
+  v as RelationItemList,
+  z as RelationSearchInput,
+  te as SecureAdminLocalStorage,
+  X as buildFormFields,
+  Y as cleanFormInput,
+  oe as formatFieldName,
+  Z as getAdminDocuments,
+  ae as getItemDisplayName,
+  _ as getMutationName,
+  me as getSmartSearchFields,
+  c as initialState,
+  ie as kebabCase,
+  ne as normalizeModelNameForDocument,
+  de as spacedWords,
+  o as useAdminDataContext,
+  F as useAdminList,
+  y as useClickOutside,
+  L as useDebounce,
+  C as useRelationData
+};

package/lib/admin-data.d.ts

@@ -0,0 +1,2 @@
+export declare function AdminData(): import("react/jsx-runtime").JSX.Element;
+export default AdminData;

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

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

package/lib/components/filters/DateRangeFilter.js

@@ -0,0 +1,105 @@
+import { jsxDEV as s } from "react/jsx-dev-runtime";
+import { formatFieldName as c } from "../../utils/string-utils.js";
+function u({
+  fieldName: o,
+  currentValue: t,
+  onChange: n
+}) {
+  const i = t != null && t.gte ? new Date(t.gte).toISOString().split("T")[0] : "", a = t != null && t.lte ? new Date(t.lte).toISOString().split("T")[0] : "", m = (l) => {
+    const e = { ...t };
+    l ? e.gte = new Date(l).toISOString() : delete e.gte, !e.gte && !e.lte ? n(void 0) : n(e);
+  }, d = (l) => {
+    const e = { ...t };
+    if (l) {
+      const r = new Date(l);
+      r.setHours(23, 59, 59, 999), e.lte = r.toISOString();
+    } else
+      delete e.lte;
+    !e.gte && !e.lte ? n(void 0) : n(e);
+  };
+  return /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ s("label", { className: "block text-sm font-medium text-gray-700", children: c(o) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+      lineNumber: 56,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("label", { className: "block text-xs text-gray-500 mb-1", children: "From" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+          lineNumber: 61,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ s(
+          "input",
+          {
+            type: "date",
+            value: i,
+            onChange: (l) => m(l.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,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+            lineNumber: 62,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+        lineNumber: 60,
+        columnNumber: 9
+      }, this),
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("label", { className: "block text-xs text-gray-500 mb-1", children: "To" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+          lineNumber: 70,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ s(
+          "input",
+          {
+            type: "date",
+            value: a,
+            onChange: (l) => d(l.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,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+            lineNumber: 71,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+        lineNumber: 69,
+        columnNumber: 9
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+      lineNumber: 59,
+      columnNumber: 7
+    }, this),
+    (i || a) && /* @__PURE__ */ s("div", { className: "text-xs text-gray-500", children: [
+      i && a && `${i} to ${a}`,
+      i && !a && `From ${i}`,
+      !i && a && `Until ${a}`
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+      lineNumber: 80,
+      columnNumber: 9
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
+    lineNumber: 55,
+    columnNumber: 5
+  }, this);
+}
+export {
+  u as DateRangeFilter
+};

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

@@ -0,0 +1,8 @@
+interface NumberRangeFilterProps {
+    fieldName: string;
+    fieldType: string;
+    currentValue: any;
+    onChange: (value: any) => void;
+}
+export declare function NumberRangeFilter({ fieldName, fieldType, currentValue, onChange }: Readonly<NumberRangeFilterProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/filters/NumberRangeFilter.js

@@ -0,0 +1,115 @@
+import { jsxDEV as i } from "react/jsx-dev-runtime";
+import { formatFieldName as N } from "../../utils/string-utils.js";
+function p({
+  fieldName: b,
+  fieldType: a,
+  currentValue: s,
+  onChange: m
+}) {
+  const l = (s == null ? void 0 : s.gte) !== void 0 ? s.gte.toString() : "", n = (s == null ? void 0 : s.lte) !== void 0 ? s.lte.toString() : "", o = (t) => {
+    if (t) {
+      if (a === "int" || a === "bigint") {
+        const e = parseInt(t, 10);
+        return isNaN(e) ? void 0 : e;
+      } else if (a === "float" || a === "decimal") {
+        const e = parseFloat(t);
+        return isNaN(e) ? void 0 : e;
+      }
+    }
+  }, c = (t) => {
+    const e = { ...s }, r = o(t);
+    r !== void 0 ? e.gte = r : delete e.gte, e.gte === void 0 && e.lte === void 0 ? m(void 0) : m(e);
+  }, u = (t) => {
+    const e = { ...s }, r = o(t);
+    r !== void 0 ? e.lte = r : delete e.lte, e.gte === void 0 && e.lte === void 0 ? m(void 0) : m(e);
+  }, d = a === "int" || a === "bigint" ? "1" : "any";
+  return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ i("label", { className: "block text-sm font-medium text-gray-700", children: N(b) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+      lineNumber: 75,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ i("label", { className: "block text-xs text-gray-500 mb-1", children: "Min" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+          lineNumber: 80,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ i(
+          "input",
+          {
+            type: "number",
+            step: d,
+            value: l,
+            onChange: (t) => c(t.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,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+            lineNumber: 81,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+        lineNumber: 79,
+        columnNumber: 9
+      }, this),
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ i("label", { className: "block text-xs text-gray-500 mb-1", children: "Max" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+          lineNumber: 91,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ i(
+          "input",
+          {
+            type: "number",
+            step: d,
+            value: n,
+            onChange: (t) => u(t.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,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+            lineNumber: 92,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+        lineNumber: 90,
+        columnNumber: 9
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+      lineNumber: 78,
+      columnNumber: 7
+    }, this),
+    (l || n) && /* @__PURE__ */ i("div", { className: "text-xs text-gray-500", children: [
+      l && n && `${l} to ${n}`,
+      l && !n && `≥ ${l}`,
+      !l && n && `≤ ${n}`
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+      lineNumber: 103,
+      columnNumber: 9
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
+    lineNumber: 74,
+    columnNumber: 5
+  }, this);
+}
+export {
+  p as NumberRangeFilter
+};

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

@@ -0,0 +1,32 @@
+export declare function RelationDropdownButton({ currentItem, relatedModelName, isOpen, onClick }: Readonly<{
+    currentItem: any;
+    relatedModelName: string;
+    isOpen: boolean;
+    onClick: () => void;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function RelationSearchInput({ searchTerm, onSearchChange, relatedModelName }: Readonly<{
+    searchTerm: string;
+    onSearchChange: (value: string) => void;
+    relatedModelName: string;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function RelationItem({ item, onSelect }: {
+    item: any;
+    onSelect: (item: any) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationItemList({ items, loading, error, onSelect, onClear }: Readonly<{
+    items: any[];
+    loading: boolean;
+    error?: any;
+    onSelect: (item: any) => void;
+    onClear: () => void;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function RelationDropdownContent({ searchTerm, onSearchChange, relatedModelName, items, loading, error, onSelect, onClear }: {
+    searchTerm: string;
+    onSearchChange: (value: string) => void;
+    relatedModelName: string;
+    items: any[];
+    loading: boolean;
+    error?: any;
+    onSelect: (item: any) => void;
+    onClear: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/filters/RelationComponents.js

@@ -0,0 +1,265 @@
+import { jsxDEV as e } from "react/jsx-dev-runtime";
+import { getItemDisplayName as a } from "../../utils/string-utils.js";
+function f({
+  currentItem: t,
+  relatedModelName: s,
+  isOpen: n,
+  onClick: l
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: l,
+      className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web text-sm text-left bg-white flex items-center justify-between",
+      children: [
+        /* @__PURE__ */ e("span", { className: t ? "text-gray-900" : "text-gray-500", children: t ? a(t) : `Select ${s.toLowerCase()}...` }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+          lineNumber: 21,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: `w-4 h-4 text-gray-400 transition-transform ${n ? "rotate-180" : ""}`,
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+              lineNumber: 30,
+              columnNumber: 13
+            }, this)
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+            lineNumber: 24,
+            columnNumber: 7
+          },
+          this
+        )
+      ]
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 16,
+      columnNumber: 9
+    },
+    this
+  );
+}
+function d({
+  searchTerm: t,
+  onSearchChange: s,
+  relatedModelName: n
+}) {
+  return /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+    "input",
+    {
+      type: "text",
+      placeholder: `Search ${n.toLowerCase()}...`,
+      value: t,
+      onChange: (l) => s(l.target.value),
+      className: "w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-green-web",
+      autoFocus: !0
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 48,
+      columnNumber: 15
+    },
+    this
+  ) }, void 0, !1, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+    lineNumber: 47,
+    columnNumber: 13
+  }, this);
+}
+function c({
+  item: t,
+  onSelect: s
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: () => s(t),
+      className: "w-full px-3 py-2 text-left text-sm hover:bg-gray-100 focus:bg-gray-100 transition-colors",
+      children: a(t)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 69,
+      columnNumber: 5
+    },
+    this
+  );
+}
+function u({
+  items: t,
+  loading: s,
+  error: n,
+  onSelect: l,
+  onClear: o
+}) {
+  return /* @__PURE__ */ e("div", { className: "max-h-48 overflow-y-auto", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: o,
+        className: "w-full px-3 py-2 text-left text-sm hover:bg-gray-100 text-gray-500 border-b border-gray-200",
+        children: "Clear selection"
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 95,
+        columnNumber: 15
+      },
+      this
+    ),
+    n ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-red-600", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ e("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+          lineNumber: 107,
+          columnNumber: 15
+        }, this) }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+          lineNumber: 106,
+          columnNumber: 13
+        }, this),
+        "Failed to load options"
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 105,
+        columnNumber: 11
+      }, this),
+      /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 mt-1", children: n.networkError ? "Network error" : "Please try again" }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 111,
+        columnNumber: 11
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 104,
+      columnNumber: 9
+    }, this) : s ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-gray-500", children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ e("svg", { className: "animate-spin -ml-1 mr-2 h-4 w-4 text-gray-500", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ e("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+          lineNumber: 119,
+          columnNumber: 15
+        }, this),
+        /* @__PURE__ */ e("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+          lineNumber: 120,
+          columnNumber: 15
+        }, this)
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 118,
+        columnNumber: 13
+      }, this),
+      "Loading..."
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 117,
+      columnNumber: 11
+    }, this) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 116,
+      columnNumber: 9
+    }, this) : t.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No items found" }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+      lineNumber: 126,
+      columnNumber: 17
+    }, this) : t.map((i) => /* @__PURE__ */ e(
+      c,
+      {
+        item: i,
+        onSelect: l
+      },
+      i.id,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 129,
+        columnNumber: 11
+      },
+      this
+    ))
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+    lineNumber: 94,
+    columnNumber: 13
+  }, this);
+}
+function N({
+  searchTerm: t,
+  onSearchChange: s,
+  relatedModelName: n,
+  items: l,
+  loading: o,
+  error: i,
+  onSelect: r,
+  onClear: m
+}) {
+  return /* @__PURE__ */ e("div", { className: "absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg", children: [
+    /* @__PURE__ */ e(
+      d,
+      {
+        searchTerm: t,
+        onSearchChange: s,
+        relatedModelName: n
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 162,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ e(
+      u,
+      {
+        items: l,
+        loading: o,
+        error: i,
+        onSelect: r,
+        onClear: m
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+        lineNumber: 167,
+        columnNumber: 7
+      },
+      this
+    )
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationComponents.tsx",
+    lineNumber: 161,
+    columnNumber: 5
+  }, this);
+}
+export {
+  f as RelationDropdownButton,
+  N as RelationDropdownContent,
+  c as RelationItem,
+  u as RelationItemList,
+  d as RelationSearchInput
+};

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

@@ -0,0 +1,8 @@
+interface RelationFilterFieldProps {
+    fieldName: string;
+    relatedModelName: string;
+    currentValue: any;
+    onChange: (value: any) => void;
+}
+export declare function RelationFilterField({ fieldName, relatedModelName, currentValue, onChange }: Readonly<RelationFilterFieldProps>): import("react/jsx-runtime").JSX.Element;
+export {};