@nestledjs/data-browser 0.1.7 → 0.1.9

package/index.js

@@ -1,64 +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";
+import { AdminDataProvider, useAdminDataContext } from "./lib/context/AdminDataContext.js";
+import { AdminDataCreateErrorBoundary, AdminDataCreatePage } from "./lib/pages/AdminDataCreatePage.js";
+import { AdminDataEditErrorBoundary, AdminDataEditPage } from "./lib/pages/AdminDataEditPage.js";
+import { AdminDataErrorBoundary, AdminDataListPage } from "./lib/pages/AdminDataListPage.js";
+import { AdminDataIndexPage } from "./lib/pages/AdminDataIndexPage.js";
+import { AdminDataLayout } from "./lib/layouts/AdminDataLayout.js";
+import { initialState } from "./lib/types/index.js";
+import { useAdminList } from "./lib/hooks/useAdminList.js";
+import { useClickOutside } from "./lib/hooks/useClickOutside.js";
+import { useDebounce } from "./lib/hooks/useDebounce.js";
+import { useRelationData } from "./lib/hooks/useRelationData.js";
+import { DateRangeFilter } from "./lib/components/filters/DateRangeFilter.js";
+import { NumberRangeFilter } from "./lib/components/filters/NumberRangeFilter.js";
+import { RelationDropdownButton, RelationDropdownContent, RelationItem, RelationItemList, RelationSearchInput } from "./lib/components/filters/RelationComponents.js";
+import { RelationFilterField } from "./lib/components/filters/RelationFilterField.js";
+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 { 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";
 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
+  AdminBreadcrumbs,
+  AdminDataCreateErrorBoundary,
+  AdminDataCreatePage,
+  AdminDataEditErrorBoundary,
+  AdminDataEditPage,
+  AdminDataErrorBoundary,
+  AdminDataIndexPage,
+  AdminDataLayout,
+  AdminDataListPage,
+  AdminDataProvider,
+  AdminEmptyState,
+  AdminErrorState,
+  AdminLoadingState,
+  AdminLocalStorage,
+  AdminStatusDisplay,
+  AdminUserStatus,
+  DateRangeFilter,
+  NumberRangeFilter,
+  RelationDropdownButton,
+  RelationDropdownContent,
+  RelationFilterField,
+  RelationItem,
+  RelationItemList,
+  RelationSearchInput,
+  SecureAdminLocalStorage,
+  buildFormFields,
+  cleanFormInput,
+  formatFieldName,
+  getAdminDocuments,
+  getItemDisplayName,
+  getMutationName,
+  getSmartSearchFields,
+  initialState,
+  kebabCase,
+  normalizeModelNameForDocument,
+  spacedWords,
+  useAdminDataContext,
+  useAdminList,
+  useClickOutside,
+  useDebounce,
+  useRelationData
 };

package/lib/components/filters/DateRangeFilter.js

@@ -1,105 +1,86 @@
-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
+import { formatFieldName } from "../../utils/string-utils.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx";
+function DateRangeFilter({
+  fieldName,
+  currentValue,
+  onChange
 }) {
-  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);
+  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
+    };
+    if (date) {
+      newValue.gte = new Date(date).toISOString();
+    } else {
+      delete newValue.gte;
+    }
+    if (!newValue.gte && !newValue.lte) {
+      onChange(void 0);
+    } else {
+      onChange(newValue);
+    }
   };
-  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",
+  const handleToChange = (date) => {
+    const newValue = {
+      ...currentValue
+    };
+    if (date) {
+      const endOfDay = new Date(date);
+      endOfDay.setHours(23, 59, 59, 999);
+      newValue.lte = endOfDay.toISOString();
+    } else {
+      delete newValue.lte;
+    }
+    if (!newValue.gte && !newValue.lte) {
+      onChange(void 0);
+    } else {
+      onChange(newValue);
+    }
+  };
+  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", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 61,
+    columnNumber: 11
+  } }, "From"), /* @__PURE__ */ React.createElement("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", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 62,
+    columnNumber: 11
+  } })), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 69,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 70,
+    columnNumber: 11
+  } }, "To"), /* @__PURE__ */ React.createElement("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", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 71,
+    columnNumber: 11
+  } }))), (fromDate || toDate) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 80,
+    columnNumber: 9
+  } }, fromDate && toDate && `${fromDate} to ${toDate}`, fromDate && !toDate && `From ${fromDate}`, !fromDate && toDate && `Until ${toDate}`));
 }
 export {
-  u as DateRangeFilter
+  DateRangeFilter
 };

package/lib/components/filters/NumberRangeFilter.js

@@ -1,115 +1,99 @@
-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
+import { formatFieldName } from "../../utils/string-utils.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx";
+function NumberRangeFilter({
+  fieldName,
+  fieldType,
+  currentValue,
+  onChange
 }) {
-  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;
-      }
+  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;
+    } else if (fieldType === "float" || fieldType === "decimal") {
+      const parsed = parseFloat(value);
+      return isNaN(parsed) ? void 0 : parsed;
     }
-  }, 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",
+    return void 0;
+  };
+  const handleMinChange = (value) => {
+    const newValue = {
+      ...currentValue
+    };
+    const parsedValue = parseNumber(value);
+    if (parsedValue !== void 0) {
+      newValue.gte = parsedValue;
+    } else {
+      delete newValue.gte;
+    }
+    if (newValue.gte === void 0 && newValue.lte === void 0) {
+      onChange(void 0);
+    } else {
+      onChange(newValue);
+    }
+  };
+  const handleMaxChange = (value) => {
+    const newValue = {
+      ...currentValue
+    };
+    const parsedValue = parseNumber(value);
+    if (parsedValue !== void 0) {
+      newValue.lte = parsedValue;
+    } else {
+      delete newValue.lte;
+    }
+    if (newValue.gte === void 0 && newValue.lte === void 0) {
+      onChange(void 0);
+    } else {
+      onChange(newValue);
+    }
+  };
+  const step = fieldType === "int" || fieldType === "bigint" ? "1" : "any";
+  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", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 80,
+    columnNumber: 11
+  } }, "Min"), /* @__PURE__ */ React.createElement("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", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 81,
+    columnNumber: 11
+  } })), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 90,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 91,
+    columnNumber: 11
+  } }, "Max"), /* @__PURE__ */ React.createElement("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", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 92,
+    columnNumber: 11
+  } }))), (minValue || maxValue) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 103,
+    columnNumber: 9
+  } }, minValue && maxValue && `${minValue} to ${maxValue}`, minValue && !maxValue && `≥ ${minValue}`, !minValue && maxValue && `≤ ${maxValue}`));
 }
 export {
-  p as NumberRangeFilter
+  NumberRangeFilter
 };