@nestledjs/data-browser 0.1.1 → 0.1.4

package/lib/components/filters/RelationFilterField.js

@@ -0,0 +1,116 @@
+import { jsxDEV as t } from "react/jsx-dev-runtime";
+import { useState as b, useRef as R, useCallback as a, useMemo as I } from "react";
+import { useClickOutside as g } from "../../hooks/useClickOutside.js";
+import { useRelationData as D } from "../../hooks/useRelationData.js";
+import { formatFieldName as p } from "../../utils/string-utils.js";
+import { RelationDropdownButton as P, RelationDropdownContent as U } from "./RelationComponents.js";
+function E({
+  fieldName: m,
+  relatedModelName: r,
+  currentValue: e,
+  onChange: l
+}) {
+  const [c, n] = b(""), [i, o] = b(!1), f = R(null), u = a(() => {
+    o(!1);
+  }, []);
+  g(f, u, i);
+  const { relatedItems: d, loading: h, error: N, hasDocument: F } = D(r, c, i), j = I(
+    () => e != null && e.id ? d.find((s) => s.id === e.id) : null,
+    [e == null ? void 0 : e.id, d]
+  ), v = a((s) => {
+    l({ id: s.id }), o(!1), n("");
+  }, [l]), x = a(() => {
+    l(void 0), o(!1), n("");
+  }, [l]), y = a(() => {
+    o(!i), i || n("");
+  }, [i]);
+  return F ? /* @__PURE__ */ t("div", { className: "space-y-1", ref: f, children: [
+    /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-gray-700", children: p(m) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+      lineNumber: 80,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ t("div", { className: "relative", children: [
+      /* @__PURE__ */ t(
+        P,
+        {
+          currentItem: j,
+          relatedModelName: r,
+          isOpen: i,
+          onClick: y
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+          lineNumber: 84,
+          columnNumber: 9
+        },
+        this
+      ),
+      i && /* @__PURE__ */ t(
+        U,
+        {
+          searchTerm: c,
+          onSearchChange: n,
+          relatedModelName: r,
+          items: d,
+          loading: h,
+          error: N,
+          onSelect: v,
+          onClear: x
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+          lineNumber: 92,
+          columnNumber: 11
+        },
+        this
+      )
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+      lineNumber: 83,
+      columnNumber: 7
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+    lineNumber: 79,
+    columnNumber: 5
+  }, this) : /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-gray-700", children: [
+      p(m),
+      " ID"
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+      lineNumber: 64,
+      columnNumber: 9
+    }, this),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "text",
+        value: (e == null ? void 0 : e.id) || "",
+        onChange: (s) => l(s.target.value ? { id: s.target.value } : void 0),
+        placeholder: "Enter ID...",
+        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"
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+        lineNumber: 67,
+        columnNumber: 9
+      },
+      this
+    )
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/RelationFilterField.tsx",
+    lineNumber: 63,
+    columnNumber: 7
+  }, this);
+}
+export {
+  E as RelationFilterField
+};

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

@@ -0,0 +1,4 @@
+export { DateRangeFilter } from './DateRangeFilter';
+export { NumberRangeFilter } from './NumberRangeFilter';
+export * from './RelationComponents';
+export { RelationFilterField } from './RelationFilterField';

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './filters';
+export * from './shared';

package/lib/components/shared/AdminBreadcrumbs.d.ts

@@ -0,0 +1,13 @@
+export interface BreadcrumbItem {
+    id: string;
+    label: string;
+    href?: string;
+    isActive?: boolean;
+}
+export interface AdminBreadcrumbsProps {
+    readonly items: readonly BreadcrumbItem[];
+    readonly showHome?: boolean;
+    readonly homeHref?: string;
+    readonly className?: string;
+}
+export declare function AdminBreadcrumbs({ items, showHome, homeHref, className, }: Readonly<AdminBreadcrumbsProps>): import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/AdminBreadcrumbs.js

@@ -0,0 +1,103 @@
+import { jsxDEV as s } from "react/jsx-dev-runtime";
+import { Link as n } from "react-router";
+import { HomeIcon as o, ChevronRightIcon as u } from "@heroicons/react/24/outline";
+function x({
+  items: r,
+  showHome: t = !0,
+  homeHref: l = "/admin",
+  className: m = ""
+}) {
+  const i = () => t ? /* @__PURE__ */ s("li", { className: "flex items-center", children: /* @__PURE__ */ s(
+    n,
+    {
+      to: l,
+      className: "text-gray-400 hover:text-gray-500",
+      "aria-label": "Home",
+      children: /* @__PURE__ */ s(o, { className: "h-5 w-5 flex-shrink-0" }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+        lineNumber: 36,
+        columnNumber: 11
+      }, this)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+      lineNumber: 31,
+      columnNumber: 9
+    },
+    this
+  ) }, "home", !1, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+    lineNumber: 30,
+    columnNumber: 7
+  }, this) : null, d = (e, a, b) => {
+    const c = e.href && !e.isActive ? /* @__PURE__ */ s(
+      n,
+      {
+        to: e.href,
+        className: "text-sm font-medium text-gray-500 hover:text-gray-700",
+        children: e.label
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+        lineNumber: 44,
+        columnNumber: 7
+      },
+      this
+    ) : /* @__PURE__ */ s(
+      "span",
+      {
+        className: `text-sm font-medium ${e.isActive ? "text-gray-900" : "text-gray-500"}`,
+        children: e.label
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+        lineNumber: 51,
+        columnNumber: 7
+      },
+      this
+    );
+    return /* @__PURE__ */ s("li", { className: "flex items-center", children: [
+      (t || a > 0) && /* @__PURE__ */ s(
+        u,
+        {
+          className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4",
+          "aria-hidden": "true"
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+          lineNumber: 63,
+          columnNumber: 11
+        },
+        this
+      ),
+      c
+    ] }, e.id, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+      lineNumber: 61,
+      columnNumber: 7
+    }, this);
+  };
+  return /* @__PURE__ */ s("nav", { className: `flex ${m}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s("ol", { className: "flex items-center space-x-4", children: [
+    i(),
+    r.map((e, a) => (r.length - 1, d(e, a)))
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+    lineNumber: 79,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+    lineNumber: 78,
+    columnNumber: 5
+  }, this);
+}
+export {
+  x as AdminBreadcrumbs
+};

package/lib/components/shared/AdminErrorStates.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export type ErrorSeverity = 'warning' | 'error' | 'critical';
+export interface AdminErrorStateProps {
+    readonly title: string;
+    readonly message?: string;
+    readonly severity?: ErrorSeverity;
+    readonly onRetry?: () => void;
+    readonly onDismiss?: () => void;
+    readonly className?: string;
+    readonly showIcon?: boolean;
+}
+export interface AdminEmptyStateProps {
+    readonly title: string;
+    readonly message?: string;
+    readonly actionLabel?: string;
+    readonly onAction?: () => void;
+    readonly className?: string;
+    readonly icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+export interface AdminLoadingStateProps {
+    readonly title?: string;
+    readonly message?: string;
+    readonly className?: string;
+    readonly size?: 'small' | 'medium' | 'large';
+}
+export declare function AdminErrorState({ title, message, severity, onRetry, onDismiss, className, showIcon, }: Readonly<AdminErrorStateProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AdminEmptyState({ title, message, actionLabel, onAction, className, icon: IconComponent, }: Readonly<AdminEmptyStateProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AdminLoadingState({ title, message, className, size, }: Readonly<AdminLoadingStateProps>): import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/AdminErrorStates.js

@@ -0,0 +1,214 @@
+import { jsxDEV as e } from "react/jsx-dev-runtime";
+import { XCircleIcon as m, ExclamationCircleIcon as c, ExclamationTriangleIcon as u } from "@heroicons/react/24/outline";
+const b = (l) => ({
+  warning: {
+    icon: u,
+    bgColor: "bg-yellow-50",
+    borderColor: "border-yellow-200",
+    iconColor: "text-yellow-400",
+    titleColor: "text-yellow-800",
+    messageColor: "text-yellow-700",
+    buttonColor: "bg-yellow-100 text-yellow-800 hover:bg-yellow-200"
+  },
+  error: {
+    icon: c,
+    bgColor: "bg-red-50",
+    borderColor: "border-red-200",
+    iconColor: "text-red-400",
+    titleColor: "text-red-800",
+    messageColor: "text-red-700",
+    buttonColor: "bg-red-100 text-red-800 hover:bg-red-200"
+  },
+  critical: {
+    icon: m,
+    bgColor: "bg-red-100",
+    borderColor: "border-red-300",
+    iconColor: "text-red-500",
+    titleColor: "text-red-900",
+    messageColor: "text-red-800",
+    buttonColor: "bg-red-200 text-red-900 hover:bg-red-300"
+  }
+})[l];
+function f({
+  title: l,
+  message: t,
+  severity: i = "error",
+  onRetry: s,
+  onDismiss: n,
+  className: o = "",
+  showIcon: a = !0
+}) {
+  const r = b(i), d = r.icon;
+  return /* @__PURE__ */ e("div", { className: `rounded-md border p-4 ${r.bgColor} ${r.borderColor} ${o}`, children: /* @__PURE__ */ e("div", { className: "flex", children: [
+    a && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(d, { className: `h-5 w-5 ${r.iconColor}`, "aria-hidden": "true" }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 82,
+      columnNumber: 13
+    }, this) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 81,
+      columnNumber: 11
+    }, this),
+    /* @__PURE__ */ e("div", { className: a ? "ml-3" : "", children: [
+      /* @__PURE__ */ e("h3", { className: `text-sm font-medium ${r.titleColor}`, children: l }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+        lineNumber: 86,
+        columnNumber: 11
+      }, this),
+      t && /* @__PURE__ */ e("div", { className: `mt-2 text-sm ${r.messageColor}`, children: /* @__PURE__ */ e("p", { children: t }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+        lineNumber: 91,
+        columnNumber: 15
+      }, this) }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+        lineNumber: 90,
+        columnNumber: 13
+      }, this),
+      (s || n) && /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e("div", { className: "-mx-2 -my-1.5 flex", children: [
+        s && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: s,
+            className: `rounded-md px-2 py-1.5 text-sm font-medium ${r.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,
+            children: "Try Again"
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+            lineNumber: 98,
+            columnNumber: 19
+          },
+          this
+        ),
+        n && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: n,
+            className: `ml-3 rounded-md px-2 py-1.5 text-sm font-medium ${r.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,
+            children: "Dismiss"
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+            lineNumber: 107,
+            columnNumber: 19
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+        lineNumber: 96,
+        columnNumber: 15
+      }, this) }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+        lineNumber: 95,
+        columnNumber: 13
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 85,
+      columnNumber: 9
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+    lineNumber: 79,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+    lineNumber: 78,
+    columnNumber: 5
+  }, this);
+}
+function x({
+  title: l,
+  message: t,
+  actionLabel: i,
+  onAction: s,
+  className: n = "",
+  icon: o
+}) {
+  return /* @__PURE__ */ e("div", { className: `text-center ${n}`, children: [
+    o && /* @__PURE__ */ e(o, { className: "mx-auto h-12 w-12 text-gray-400" }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 135,
+      columnNumber: 9
+    }, this),
+    /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: l }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 137,
+      columnNumber: 7
+    }, this),
+    t && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: t }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 139,
+      columnNumber: 9
+    }, this),
+    i && s && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: s,
+        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: i
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+        lineNumber: 143,
+        columnNumber: 11
+      },
+      this
+    ) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 142,
+      columnNumber: 9
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+    lineNumber: 133,
+    columnNumber: 5
+  }, this);
+}
+function p({
+  title: l = "Loading...",
+  message: t,
+  className: i = "",
+  size: s = "medium"
+}) {
+  const n = () => ({
+    small: "h-4 w-4",
+    medium: "h-8 w-8",
+    large: "h-12 w-12"
+  })[s];
+  return /* @__PURE__ */ e("div", { className: `flex flex-col items-center justify-center p-8 ${i}`, children: [
+    /* @__PURE__ */ e("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${n()}` }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 173,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ e("h3", { className: "mt-4 text-sm font-medium text-gray-900", children: l }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 174,
+      columnNumber: 7
+    }, this),
+    t && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: t }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+      lineNumber: 176,
+      columnNumber: 9
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+    lineNumber: 172,
+    columnNumber: 5
+  }, this);
+}
+export {
+  x as AdminEmptyState,
+  f as AdminErrorState,
+  p as AdminLoadingState
+};

package/lib/components/shared/AdminStatusDisplay.d.ts

@@ -0,0 +1,21 @@
+export type StatusType = 'active' | 'inactive' | 'pending' | 'approved' | 'rejected' | 'warning' | 'error' | 'success' | 'paused' | 'unknown';
+export type StatusSize = 'small' | 'medium' | 'large';
+export type StatusVariant = 'badge' | 'pill' | 'dot' | 'full';
+export interface AdminStatusDisplayProps {
+    readonly status: StatusType;
+    readonly label?: string;
+    readonly size?: StatusSize;
+    readonly variant?: StatusVariant;
+    readonly showIcon?: boolean;
+    readonly className?: string;
+    readonly onClick?: () => void;
+    readonly tooltip?: string;
+}
+export interface AdminUserStatusProps {
+    readonly status: 'online' | 'offline' | 'away' | 'busy';
+    readonly showLabel?: boolean;
+    readonly size?: StatusSize;
+    readonly className?: string;
+}
+export declare function AdminStatusDisplay({ status, label, size, variant, showIcon, className, onClick, tooltip, }: Readonly<AdminStatusDisplayProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AdminUserStatus({ status, showLabel, size, className, }: Readonly<AdminUserStatusProps>): import("react/jsx-runtime").JSX.Element;