@nestledjs/data-browser 0.1.16 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/lib/components/RelationFieldWrapper.d.ts +2 -1
  2. package/lib/components/RelationFieldWrapper.js +65 -20
  3. package/lib/components/filters/DateRangeFilter.js +85 -46
  4. package/lib/components/filters/NumberRangeFilter.js +89 -46
  5. package/lib/components/filters/RelationComponents.js +217 -96
  6. package/lib/components/filters/RelationFilterField.js +90 -43
  7. package/lib/components/shared/AdminBreadcrumbs.js +87 -39
  8. package/lib/components/shared/AdminErrorStates.js +141 -87
  9. package/lib/components/shared/AdminStatusDisplay.js +61 -28
  10. package/lib/context/AdminDataContext.js +12 -12
  11. package/lib/layouts/AdminDataLayout.js +264 -171
  12. package/lib/pages/AdminDataCreatePage.js +401 -255
  13. package/lib/pages/AdminDataEditPage.js +700 -442
  14. package/lib/pages/AdminDataIndexPage.js +80 -53
  15. package/lib/pages/AdminDataListPage.js +1116 -585
  16. package/package.json +2 -2
package/lib/components/shared/AdminBreadcrumbs.js CHANGED
@@ -1,7 +1,6 @@
1
- import React from "react";
1
+ import { jsxDEV } from "react/jsx-dev-runtime";
2
2
  import { Link } from "react-router";
3
3
  import { HomeIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
4
- var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx";
5
4
  function AdminBreadcrumbs({
6
5
  items,
7
6
  showHome = true,
@@ -10,52 +9,101 @@ function AdminBreadcrumbs({
10
9
  }) {
11
10
  const renderHomeLink = () => {
12
11
  if (!showHome) return null;
13
- return /* @__PURE__ */ React.createElement("li", { key: "home", className: "flex items-center", __self: this, __source: {
14
- fileName: _jsxFileName,
12
+ return /* @__PURE__ */ jsxDEV("li", { className: "flex items-center", children: /* @__PURE__ */ jsxDEV(
13
+ Link,
14
+ {
15
+ to: homeHref,
16
+ className: "text-gray-400 hover:text-gray-500",
17
+ "aria-label": "Home",
18
+ children: /* @__PURE__ */ jsxDEV(HomeIcon, { className: "h-5 w-5 flex-shrink-0" }, void 0, false, {
19
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
20
+ lineNumber: 36,
21
+ columnNumber: 11
22
+ }, this)
23
+ },
24
+ void 0,
25
+ false,
26
+ {
27
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
28
+ lineNumber: 31,
29
+ columnNumber: 9
30
+ },
31
+ this
32
+ ) }, "home", false, {
33
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
15
34
  lineNumber: 30,
16
35
  columnNumber: 7
17
- } }, /* @__PURE__ */ React.createElement(Link, { to: homeHref, className: "text-gray-400 hover:text-gray-500", "aria-label": "Home", __self: this, __source: {
18
- fileName: _jsxFileName,
19
- lineNumber: 31,
20
- columnNumber: 9
21
- } }, /* @__PURE__ */ React.createElement(HomeIcon, { className: "h-5 w-5 flex-shrink-0", __self: this, __source: {
22
- fileName: _jsxFileName,
23
- lineNumber: 36,
24
- columnNumber: 11
25
- } })));
36
+ }, this);
26
37
  };
27
38
  const renderBreadcrumbItem = (item, index, isLast) => {
28
- 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: {
29
- fileName: _jsxFileName,
30
- lineNumber: 44,
31
- columnNumber: 7
32
- } }, item.label) : /* @__PURE__ */ React.createElement("span", { className: `text-sm font-medium ${item.isActive ? "text-gray-900" : "text-gray-500"}`, __self: this, __source: {
33
- fileName: _jsxFileName,
34
- lineNumber: 51,
35
- columnNumber: 7
36
- } }, item.label);
37
- return /* @__PURE__ */ React.createElement("li", { key: item.id, className: "flex items-center", __self: this, __source: {
38
- fileName: _jsxFileName,
39
+ const content = item.href && !item.isActive ? /* @__PURE__ */ jsxDEV(
40
+ Link,
41
+ {
42
+ to: item.href,
43
+ className: "text-sm font-medium text-gray-500 hover:text-gray-700",
44
+ children: item.label
45
+ },
46
+ void 0,
47
+ false,
48
+ {
49
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
50
+ lineNumber: 44,
51
+ columnNumber: 7
52
+ },
53
+ this
54
+ ) : /* @__PURE__ */ jsxDEV(
55
+ "span",
56
+ {
57
+ className: `text-sm font-medium ${item.isActive ? "text-gray-900" : "text-gray-500"}`,
58
+ children: item.label
59
+ },
60
+ void 0,
61
+ false,
62
+ {
63
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
64
+ lineNumber: 51,
65
+ columnNumber: 7
66
+ },
67
+ this
68
+ );
69
+ return /* @__PURE__ */ jsxDEV("li", { className: "flex items-center", children: [
70
+ (showHome || index > 0) && /* @__PURE__ */ jsxDEV(
71
+ ChevronRightIcon,
72
+ {
73
+ className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4",
74
+ "aria-hidden": "true"
75
+ },
76
+ void 0,
77
+ false,
78
+ {
79
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
80
+ lineNumber: 63,
81
+ columnNumber: 11
82
+ },
83
+ this
84
+ ),
85
+ content
86
+ ] }, item.id, true, {
87
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
39
88
  lineNumber: 61,
40
89
  columnNumber: 7
41
- } }, (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: {
42
- fileName: _jsxFileName,
43
- lineNumber: 63,
44
- columnNumber: 11
45
- } }), content);
90
+ }, this);
46
91
  };
47
- return /* @__PURE__ */ React.createElement("nav", { className: `flex ${className}`, "aria-label": "Breadcrumb", __self: this, __source: {
48
- fileName: _jsxFileName,
49
- lineNumber: 74,
50
- columnNumber: 5
51
- } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
52
- fileName: _jsxFileName,
92
+ return /* @__PURE__ */ jsxDEV("nav", { className: `flex ${className}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxDEV("ol", { className: "flex items-center space-x-4", children: [
93
+ renderHomeLink(),
94
+ items.map((item, index) => {
95
+ index === items.length - 1;
96
+ return renderBreadcrumbItem(item, index);
97
+ })
98
+ ] }, void 0, true, {
99
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
53
100
  lineNumber: 75,
54
101
  columnNumber: 7
55
- } }, renderHomeLink(), items.map((item, index) => {
56
- index === items.length - 1;
57
- return renderBreadcrumbItem(item, index);
58
- })));
102
+ }, this) }, void 0, false, {
103
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
104
+ lineNumber: 74,
105
+ columnNumber: 5
106
+ }, this);
59
107
  }
60
108
  export {
61
109
  AdminBreadcrumbs
package/lib/components/shared/AdminErrorStates.js CHANGED
@@ -1,6 +1,5 @@
1
- import React from "react";
1
+ import { jsxDEV } from "react/jsx-dev-runtime";
2
2
  import { XCircleIcon, ExclamationCircleIcon, ExclamationTriangleIcon } from "@heroicons/react/24/outline";
3
- var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx";
4
3
  const getSeverityConfig = (severity) => {
5
4
  const configs = {
6
5
  warning: {
@@ -44,55 +43,89 @@ function AdminErrorState({
44
43
  }) {
45
44
  const config = getSeverityConfig(severity);
46
45
  const IconComponent = config.icon;
47
- return /* @__PURE__ */ React.createElement("div", { className: `rounded-md border p-4 ${config.bgColor} ${config.borderColor} ${className}`, __self: this, __source: {
48
- fileName: _jsxFileName,
49
- lineNumber: 78,
50
- columnNumber: 5
51
- } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
52
- fileName: _jsxFileName,
46
+ return /* @__PURE__ */ jsxDEV("div", { className: `rounded-md border p-4 ${config.bgColor} ${config.borderColor} ${className}`, children: /* @__PURE__ */ jsxDEV("div", { className: "flex", children: [
47
+ 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, {
48
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
49
+ lineNumber: 82,
50
+ columnNumber: 13
51
+ }, this) }, void 0, false, {
52
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
53
+ lineNumber: 81,
54
+ columnNumber: 11
55
+ }, this),
56
+ /* @__PURE__ */ jsxDEV("div", { className: showIcon ? "ml-3" : "", children: [
57
+ /* @__PURE__ */ jsxDEV("h3", { className: `text-sm font-medium ${config.titleColor}`, children: title }, void 0, false, {
58
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
59
+ lineNumber: 86,
60
+ columnNumber: 11
61
+ }, this),
62
+ message && /* @__PURE__ */ jsxDEV("div", { className: `mt-2 text-sm ${config.messageColor}`, children: /* @__PURE__ */ jsxDEV("p", { children: message }, void 0, false, {
63
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
64
+ lineNumber: 91,
65
+ columnNumber: 15
66
+ }, this) }, void 0, false, {
67
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
68
+ lineNumber: 90,
69
+ columnNumber: 13
70
+ }, this),
71
+ (onRetry || onDismiss) && /* @__PURE__ */ jsxDEV("div", { className: "mt-4", children: /* @__PURE__ */ jsxDEV("div", { className: "-mx-2 -my-1.5 flex", children: [
72
+ onRetry && /* @__PURE__ */ jsxDEV(
73
+ "button",
74
+ {
75
+ type: "button",
76
+ onClick: onRetry,
77
+ 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`,
78
+ children: "Try Again"
79
+ },
80
+ void 0,
81
+ false,
82
+ {
83
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
84
+ lineNumber: 98,
85
+ columnNumber: 19
86
+ },
87
+ this
88
+ ),
89
+ onDismiss && /* @__PURE__ */ jsxDEV(
90
+ "button",
91
+ {
92
+ type: "button",
93
+ onClick: onDismiss,
94
+ 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`,
95
+ children: "Dismiss"
96
+ },
97
+ void 0,
98
+ false,
99
+ {
100
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
101
+ lineNumber: 107,
102
+ columnNumber: 19
103
+ },
104
+ this
105
+ )
106
+ ] }, void 0, true, {
107
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
108
+ lineNumber: 96,
109
+ columnNumber: 15
110
+ }, this) }, void 0, false, {
111
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
112
+ lineNumber: 95,
113
+ columnNumber: 13
114
+ }, this)
115
+ ] }, void 0, true, {
116
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
117
+ lineNumber: 85,
118
+ columnNumber: 9
119
+ }, this)
120
+ ] }, void 0, true, {
121
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
53
122
  lineNumber: 79,
54
123
  columnNumber: 7
55
- } }, showIcon && /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
56
- fileName: _jsxFileName,
57
- lineNumber: 81,
58
- columnNumber: 11
59
- } }, /* @__PURE__ */ React.createElement(IconComponent, { className: `h-5 w-5 ${config.iconColor}`, "aria-hidden": "true", __self: this, __source: {
60
- fileName: _jsxFileName,
61
- lineNumber: 82,
62
- columnNumber: 13
63
- } })), /* @__PURE__ */ React.createElement("div", { className: showIcon ? "ml-3" : "", __self: this, __source: {
64
- fileName: _jsxFileName,
65
- lineNumber: 85,
66
- columnNumber: 9
67
- } }, /* @__PURE__ */ React.createElement("h3", { className: `text-sm font-medium ${config.titleColor}`, __self: this, __source: {
68
- fileName: _jsxFileName,
69
- lineNumber: 86,
70
- columnNumber: 11
71
- } }, title), message && /* @__PURE__ */ React.createElement("div", { className: `mt-2 text-sm ${config.messageColor}`, __self: this, __source: {
72
- fileName: _jsxFileName,
73
- lineNumber: 90,
74
- columnNumber: 13
75
- } }, /* @__PURE__ */ React.createElement("p", { __self: this, __source: {
76
- fileName: _jsxFileName,
77
- lineNumber: 91,
78
- columnNumber: 15
79
- } }, message)), (onRetry || onDismiss) && /* @__PURE__ */ React.createElement("div", { className: "mt-4", __self: this, __source: {
80
- fileName: _jsxFileName,
81
- lineNumber: 95,
82
- columnNumber: 13
83
- } }, /* @__PURE__ */ React.createElement("div", { className: "-mx-2 -my-1.5 flex", __self: this, __source: {
84
- fileName: _jsxFileName,
85
- lineNumber: 96,
86
- columnNumber: 15
87
- } }, 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: {
88
- fileName: _jsxFileName,
89
- lineNumber: 98,
90
- columnNumber: 19
91
- } }, "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: {
92
- fileName: _jsxFileName,
93
- lineNumber: 107,
94
- columnNumber: 19
95
- } }, "Dismiss"))))));
124
+ }, this) }, void 0, false, {
125
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
126
+ lineNumber: 78,
127
+ columnNumber: 5
128
+ }, this);
96
129
  }
97
130
  function AdminEmptyState({
98
131
  title,
@@ -102,31 +135,48 @@ function AdminEmptyState({
102
135
  className = "",
103
136
  icon: IconComponent
104
137
  }) {
105
- return /* @__PURE__ */ React.createElement("div", { className: `text-center ${className}`, __self: this, __source: {
106
- fileName: _jsxFileName,
138
+ return /* @__PURE__ */ jsxDEV("div", { className: `text-center ${className}`, children: [
139
+ IconComponent && /* @__PURE__ */ jsxDEV(IconComponent, { className: "mx-auto h-12 w-12 text-gray-400" }, void 0, false, {
140
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
141
+ lineNumber: 135,
142
+ columnNumber: 9
143
+ }, this),
144
+ /* @__PURE__ */ jsxDEV("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: title }, void 0, false, {
145
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
146
+ lineNumber: 137,
147
+ columnNumber: 7
148
+ }, this),
149
+ message && /* @__PURE__ */ jsxDEV("p", { className: "mt-1 text-sm text-gray-500", children: message }, void 0, false, {
150
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
151
+ lineNumber: 139,
152
+ columnNumber: 9
153
+ }, this),
154
+ actionLabel && onAction && /* @__PURE__ */ jsxDEV("div", { className: "mt-6", children: /* @__PURE__ */ jsxDEV(
155
+ "button",
156
+ {
157
+ type: "button",
158
+ onClick: onAction,
159
+ 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",
160
+ children: actionLabel
161
+ },
162
+ void 0,
163
+ false,
164
+ {
165
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
166
+ lineNumber: 143,
167
+ columnNumber: 11
168
+ },
169
+ this
170
+ ) }, void 0, false, {
171
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
172
+ lineNumber: 142,
173
+ columnNumber: 9
174
+ }, this)
175
+ ] }, void 0, true, {
176
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
107
177
  lineNumber: 133,
108
178
  columnNumber: 5
109
- } }, IconComponent && /* @__PURE__ */ React.createElement(IconComponent, { className: "mx-auto h-12 w-12 text-gray-400", __self: this, __source: {
110
- fileName: _jsxFileName,
111
- lineNumber: 135,
112
- columnNumber: 9
113
- } }), /* @__PURE__ */ React.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900", __self: this, __source: {
114
- fileName: _jsxFileName,
115
- lineNumber: 137,
116
- columnNumber: 7
117
- } }, title), message && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __self: this, __source: {
118
- fileName: _jsxFileName,
119
- lineNumber: 139,
120
- columnNumber: 9
121
- } }, message), actionLabel && onAction && /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
122
- fileName: _jsxFileName,
123
- lineNumber: 142,
124
- columnNumber: 9
125
- } }, /* @__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: {
126
- fileName: _jsxFileName,
127
- lineNumber: 143,
128
- columnNumber: 11
129
- } }, actionLabel)));
179
+ }, this);
130
180
  }
131
181
  function AdminLoadingState({
132
182
  title = "Loading...",
@@ -142,23 +192,27 @@ function AdminLoadingState({
142
192
  };
143
193
  return sizes[size];
144
194
  };
145
- return /* @__PURE__ */ React.createElement("div", { className: `flex flex-col items-center justify-center p-8 ${className}`, __self: this, __source: {
146
- fileName: _jsxFileName,
195
+ return /* @__PURE__ */ jsxDEV("div", { className: `flex flex-col items-center justify-center p-8 ${className}`, children: [
196
+ /* @__PURE__ */ jsxDEV("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${getSizeClasses()}` }, void 0, false, {
197
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
198
+ lineNumber: 173,
199
+ columnNumber: 7
200
+ }, this),
201
+ /* @__PURE__ */ jsxDEV("h3", { className: "mt-4 text-sm font-medium text-gray-900", children: title }, void 0, false, {
202
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
203
+ lineNumber: 174,
204
+ columnNumber: 7
205
+ }, this),
206
+ message && /* @__PURE__ */ jsxDEV("p", { className: "mt-1 text-sm text-gray-500", children: message }, void 0, false, {
207
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
208
+ lineNumber: 176,
209
+ columnNumber: 9
210
+ }, this)
211
+ ] }, void 0, true, {
212
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminErrorStates.tsx",
147
213
  lineNumber: 172,
148
214
  columnNumber: 5
149
- } }, /* @__PURE__ */ React.createElement("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${getSizeClasses()}`, __self: this, __source: {
150
- fileName: _jsxFileName,
151
- lineNumber: 173,
152
- columnNumber: 7
153
- } }), /* @__PURE__ */ React.createElement("h3", { className: "mt-4 text-sm font-medium text-gray-900", __self: this, __source: {
154
- fileName: _jsxFileName,
155
- lineNumber: 174,
156
- columnNumber: 7
157
- } }, title), message && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __self: this, __source: {
158
- fileName: _jsxFileName,
159
- lineNumber: 176,
160
- columnNumber: 9
161
- } }, message));
215
+ }, this);
162
216
  }
163
217
  export {
164
218
  AdminEmptyState,
package/lib/components/shared/AdminStatusDisplay.js CHANGED
@@ -1,6 +1,5 @@
1
- import React from "react";
1
+ import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
2
2
  import { QuestionMarkCircleIcon, PauseCircleIcon, CheckCircleIcon, XCircleIcon, ExclamationTriangleIcon, ClockIcon } from "@heroicons/react/24/solid";
3
- var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx";
4
3
  const getStatusConfig = (status) => {
5
4
  const configs = {
6
5
  active: {
@@ -152,38 +151,59 @@ function AdminStatusDisplay({
152
151
  const finalClasses = `${baseClasses} ${interactiveClasses} ${className}`.trim();
153
152
  const renderDot = () => {
154
153
  if (!shouldShowDot) return null;
155
- 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: {
156
- fileName: _jsxFileName,
154
+ return /* @__PURE__ */ jsxDEV("span", { className: `inline-block rounded-full mr-2 ${config.bgColor.replace("bg-", "bg-").replace("-100", "-400")} ${sizeClasses.dot}` }, void 0, false, {
155
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
157
156
  lineNumber: 221,
158
157
  columnNumber: 7
159
- } });
158
+ }, this);
160
159
  };
161
160
  const renderIcon = () => {
162
161
  if (!shouldShowIcon) return null;
163
- return /* @__PURE__ */ React.createElement(IconComponent, { className: `${sizeClasses.icon} ${displayLabel ? "mr-1.5" : ""}`, __self: this, __source: {
164
- fileName: _jsxFileName,
162
+ return /* @__PURE__ */ jsxDEV(IconComponent, { className: `${sizeClasses.icon} ${displayLabel ? "mr-1.5" : ""}` }, void 0, false, {
163
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
165
164
  lineNumber: 229,
166
165
  columnNumber: 7
167
- } });
166
+ }, this);
168
167
  };
169
- const content = /* @__PURE__ */ React.createElement(React.Fragment, null, renderDot(), renderIcon(), displayLabel);
168
+ const content = /* @__PURE__ */ jsxDEV(Fragment, { children: [
169
+ renderDot(),
170
+ renderIcon(),
171
+ displayLabel
172
+ ] }, void 0, true, {
173
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
174
+ lineNumber: 234,
175
+ columnNumber: 5
176
+ }, this);
170
177
  const handleClick = () => {
171
178
  if (onClick) {
172
179
  onClick();
173
180
  }
174
181
  };
175
182
  if (isClickable) {
176
- return /* @__PURE__ */ React.createElement("button", { type: "button", onClick: handleClick, className: finalClasses, title: tooltip, __self: this, __source: {
177
- fileName: _jsxFileName,
178
- lineNumber: 249,
179
- columnNumber: 7
180
- } }, content);
183
+ return /* @__PURE__ */ jsxDEV(
184
+ "button",
185
+ {
186
+ type: "button",
187
+ onClick: handleClick,
188
+ className: finalClasses,
189
+ title: tooltip,
190
+ children: content
191
+ },
192
+ void 0,
193
+ false,
194
+ {
195
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
196
+ lineNumber: 249,
197
+ columnNumber: 7
198
+ },
199
+ this
200
+ );
181
201
  }
182
- return /* @__PURE__ */ React.createElement("span", { className: finalClasses, title: tooltip, __self: this, __source: {
183
- fileName: _jsxFileName,
202
+ return /* @__PURE__ */ jsxDEV("span", { className: finalClasses, title: tooltip, children: content }, void 0, false, {
203
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
184
204
  lineNumber: 261,
185
205
  columnNumber: 5
186
- } }, content);
206
+ }, this);
187
207
  }
188
208
  function AdminUserStatus({
189
209
  status,
@@ -195,19 +215,32 @@ function AdminUserStatus({
195
215
  const sizeClasses = getSizeClasses(size);
196
216
  const dotSizeClass = sizeClasses.dot;
197
217
  const textSizeClass = showLabel ? sizeClasses.text : "";
198
- return /* @__PURE__ */ React.createElement("div", { className: `inline-flex items-center ${className}`, __self: this, __source: {
199
- fileName: _jsxFileName,
218
+ return /* @__PURE__ */ jsxDEV("div", { className: `inline-flex items-center ${className}`, children: [
219
+ /* @__PURE__ */ jsxDEV(
220
+ "span",
221
+ {
222
+ className: `inline-block rounded-full ${config.color} ${dotSizeClass}`,
223
+ "aria-label": config.label
224
+ },
225
+ void 0,
226
+ false,
227
+ {
228
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
229
+ lineNumber: 281,
230
+ columnNumber: 7
231
+ },
232
+ this
233
+ ),
234
+ showLabel && /* @__PURE__ */ jsxDEV("span", { className: `ml-2 text-gray-700 ${textSizeClass}`, children: config.label }, void 0, false, {
235
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
236
+ lineNumber: 286,
237
+ columnNumber: 9
238
+ }, this)
239
+ ] }, void 0, true, {
240
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
200
241
  lineNumber: 280,
201
242
  columnNumber: 5
202
- } }, /* @__PURE__ */ React.createElement("span", { className: `inline-block rounded-full ${config.color} ${dotSizeClass}`, "aria-label": config.label, __self: this, __source: {
203
- fileName: _jsxFileName,
204
- lineNumber: 281,
205
- columnNumber: 7
206
- } }), showLabel && /* @__PURE__ */ React.createElement("span", { className: `ml-2 text-gray-700 ${textSizeClass}`, __self: this, __source: {
207
- fileName: _jsxFileName,
208
- lineNumber: 286,
209
- columnNumber: 9
210
- } }, config.label));
243
+ }, this);
211
244
  }
212
245
  export {
213
246
  AdminStatusDisplay,
package/lib/context/AdminDataContext.js CHANGED
@@ -1,5 +1,5 @@
1
- import React, { createContext, useMemo, useContext } from "react";
2
- var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/context/AdminDataContext.tsx";
1
+ import { jsxDEV } from "react/jsx-dev-runtime";
2
+ import { createContext, useMemo, useContext } from "react";
3
3
  const AdminDataContext = createContext(null);
4
4
  function AdminDataProvider({
5
5
  children,
@@ -8,22 +8,22 @@ function AdminDataProvider({
8
8
  basePath = "/admin/data",
9
9
  formTheme
10
10
  }) {
11
- const value = useMemo(() => ({
12
- sdk,
13
- databaseModels,
14
- basePath,
15
- formTheme
16
- }), [sdk, databaseModels, basePath, formTheme]);
17
- return /* @__PURE__ */ React.createElement(AdminDataContext.Provider, { value, __self: this, __source: {
18
- fileName: _jsxFileName,
11
+ const value = useMemo(
12
+ () => ({ sdk, databaseModels, basePath, formTheme }),
13
+ [sdk, databaseModels, basePath, formTheme]
14
+ );
15
+ return /* @__PURE__ */ jsxDEV(AdminDataContext.Provider, { value, children }, void 0, false, {
16
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/context/AdminDataContext.tsx",
19
17
  lineNumber: 60,
20
18
  columnNumber: 5
21
- } }, children);
19
+ }, this);
22
20
  }
23
21
  function useAdminDataContext() {
24
22
  const context = useContext(AdminDataContext);
25
23
  if (!context) {
26
- throw new Error("useAdminDataContext must be used within AdminDataProvider. Make sure to wrap your admin data routes with <AdminDataProvider>.");
24
+ throw new Error(
25
+ "useAdminDataContext must be used within AdminDataProvider. Make sure to wrap your admin data routes with <AdminDataProvider>."
26
+ );
27
27
  }
28
28
  return context;
29
29
  }