@nestledjs/data-browser 0.1.18 → 0.1.21
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.
- package/lib/components/RelationFieldWrapper.js +10 -42
- package/lib/components/filters/DateRangeFilter.js +18 -66
- package/lib/components/filters/NumberRangeFilter.js +18 -66
- package/lib/components/filters/RelationComponents.js +37 -164
- package/lib/components/filters/RelationFilterField.js +16 -60
- package/lib/components/shared/AdminBreadcrumbs.js +15 -67
- package/lib/components/shared/AdminErrorStates.js +27 -127
- package/lib/components/shared/AdminStatusDisplay.js +13 -53
- package/lib/context/AdminDataContext.js +2 -6
- package/lib/layouts/AdminDataLayout.js +39 -219
- package/lib/pages/AdminDataCreatePage.js +63 -335
- package/lib/pages/AdminDataEditPage.js +111 -571
- package/lib/pages/AdminDataIndexPage.js +17 -68
- package/lib/pages/AdminDataListPage.js +153 -698
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useCallback, useMemo } from "react";
|
|
3
3
|
import { useClickOutside } from "../../hooks/useClickOutside.js";
|
|
4
4
|
import { useRelationData } from "../../hooks/useRelationData.js";
|
|
@@ -45,16 +45,12 @@ function RelationFilterField({
|
|
|
45
45
|
}
|
|
46
46
|
}, [isOpen]);
|
|
47
47
|
if (!hasDocument) {
|
|
48
|
-
return /* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
|
|
49
|
+
/* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700", children: [
|
|
50
50
|
formatFieldName(fieldName),
|
|
51
51
|
" ID"
|
|
52
|
-
] },
|
|
53
|
-
|
|
54
|
-
lineNumber: 69,
|
|
55
|
-
columnNumber: 9
|
|
56
|
-
}, this),
|
|
57
|
-
/* @__PURE__ */ jsxDEV(
|
|
52
|
+
] }),
|
|
53
|
+
/* @__PURE__ */ jsx(
|
|
58
54
|
"input",
|
|
59
55
|
{
|
|
60
56
|
type: "text",
|
|
@@ -62,47 +58,23 @@ function RelationFilterField({
|
|
|
62
58
|
onChange: (e) => onChange(e.target.value ? { id: e.target.value } : void 0),
|
|
63
59
|
placeholder: "Enter ID...",
|
|
64
60
|
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"
|
|
65
|
-
}
|
|
66
|
-
void 0,
|
|
67
|
-
false,
|
|
68
|
-
{
|
|
69
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/RelationFilterField.tsx",
|
|
70
|
-
lineNumber: 72,
|
|
71
|
-
columnNumber: 9
|
|
72
|
-
},
|
|
73
|
-
this
|
|
61
|
+
}
|
|
74
62
|
)
|
|
75
|
-
] }
|
|
76
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/RelationFilterField.tsx",
|
|
77
|
-
lineNumber: 68,
|
|
78
|
-
columnNumber: 7
|
|
79
|
-
}, this);
|
|
63
|
+
] });
|
|
80
64
|
}
|
|
81
|
-
return /* @__PURE__ */
|
|
82
|
-
/* @__PURE__ */
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
columnNumber: 7
|
|
86
|
-
}, this),
|
|
87
|
-
/* @__PURE__ */ jsxDEV("div", { className: "relative", children: [
|
|
88
|
-
/* @__PURE__ */ jsxDEV(
|
|
65
|
+
return /* @__PURE__ */ jsxs("div", { className: "space-y-1", ref: dropdownRef, children: [
|
|
66
|
+
/* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700", children: formatFieldName(fieldName) }),
|
|
67
|
+
/* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
68
|
+
/* @__PURE__ */ jsx(
|
|
89
69
|
RelationDropdownButton,
|
|
90
70
|
{
|
|
91
71
|
currentItem,
|
|
92
72
|
relatedModelName,
|
|
93
73
|
isOpen,
|
|
94
74
|
onClick: handleToggleOpen
|
|
95
|
-
}
|
|
96
|
-
void 0,
|
|
97
|
-
false,
|
|
98
|
-
{
|
|
99
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/RelationFilterField.tsx",
|
|
100
|
-
lineNumber: 89,
|
|
101
|
-
columnNumber: 9
|
|
102
|
-
},
|
|
103
|
-
this
|
|
75
|
+
}
|
|
104
76
|
),
|
|
105
|
-
isOpen && /* @__PURE__ */
|
|
77
|
+
isOpen && /* @__PURE__ */ jsx(
|
|
106
78
|
RelationDropdownContent,
|
|
107
79
|
{
|
|
108
80
|
searchTerm,
|
|
@@ -113,26 +85,10 @@ function RelationFilterField({
|
|
|
113
85
|
error: relationError,
|
|
114
86
|
onSelect: handleSelect,
|
|
115
87
|
onClear: handleClear
|
|
116
|
-
}
|
|
117
|
-
void 0,
|
|
118
|
-
false,
|
|
119
|
-
{
|
|
120
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/RelationFilterField.tsx",
|
|
121
|
-
lineNumber: 97,
|
|
122
|
-
columnNumber: 11
|
|
123
|
-
},
|
|
124
|
-
this
|
|
88
|
+
}
|
|
125
89
|
)
|
|
126
|
-
] }
|
|
127
|
-
|
|
128
|
-
lineNumber: 88,
|
|
129
|
-
columnNumber: 7
|
|
130
|
-
}, this)
|
|
131
|
-
] }, void 0, true, {
|
|
132
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/filters/RelationFilterField.tsx",
|
|
133
|
-
lineNumber: 84,
|
|
134
|
-
columnNumber: 5
|
|
135
|
-
}, this);
|
|
90
|
+
] })
|
|
91
|
+
] });
|
|
136
92
|
}
|
|
137
93
|
export {
|
|
138
94
|
RelationFilterField
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Link } from "react-router";
|
|
3
3
|
import { HomeIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
|
|
4
4
|
function AdminBreadcrumbs({
|
|
@@ -9,101 +9,49 @@ function AdminBreadcrumbs({
|
|
|
9
9
|
}) {
|
|
10
10
|
const renderHomeLink = () => {
|
|
11
11
|
if (!showHome) return null;
|
|
12
|
-
return /* @__PURE__ */
|
|
12
|
+
return /* @__PURE__ */ jsx("li", { className: "flex items-center", children: /* @__PURE__ */ jsx(
|
|
13
13
|
Link,
|
|
14
14
|
{
|
|
15
15
|
to: homeHref,
|
|
16
16
|
className: "text-gray-400 hover:text-gray-500",
|
|
17
17
|
"aria-label": "Home",
|
|
18
|
-
children: /* @__PURE__ */
|
|
19
|
-
|
|
20
|
-
|
|
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",
|
|
34
|
-
lineNumber: 30,
|
|
35
|
-
columnNumber: 7
|
|
36
|
-
}, this);
|
|
18
|
+
children: /* @__PURE__ */ jsx(HomeIcon, { className: "h-5 w-5 flex-shrink-0" })
|
|
19
|
+
}
|
|
20
|
+
) }, "home");
|
|
37
21
|
};
|
|
38
22
|
const renderBreadcrumbItem = (item, index, isLast) => {
|
|
39
|
-
const content = item.href && !item.isActive ? /* @__PURE__ */
|
|
23
|
+
const content = item.href && !item.isActive ? /* @__PURE__ */ jsx(
|
|
40
24
|
Link,
|
|
41
25
|
{
|
|
42
26
|
to: item.href,
|
|
43
27
|
className: "text-sm font-medium text-gray-500 hover:text-gray-700",
|
|
44
28
|
children: item.label
|
|
45
|
-
}
|
|
46
|
-
|
|
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(
|
|
29
|
+
}
|
|
30
|
+
) : /* @__PURE__ */ jsx(
|
|
55
31
|
"span",
|
|
56
32
|
{
|
|
57
33
|
className: `text-sm font-medium ${item.isActive ? "text-gray-900" : "text-gray-500"}`,
|
|
58
34
|
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
|
|
35
|
+
}
|
|
68
36
|
);
|
|
69
|
-
return /* @__PURE__ */
|
|
70
|
-
(showHome || index > 0) && /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ jsxs("li", { className: "flex items-center", children: [
|
|
38
|
+
(showHome || index > 0) && /* @__PURE__ */ jsx(
|
|
71
39
|
ChevronRightIcon,
|
|
72
40
|
{
|
|
73
41
|
className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4",
|
|
74
42
|
"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
|
|
43
|
+
}
|
|
84
44
|
),
|
|
85
45
|
content
|
|
86
|
-
] }, item.id
|
|
87
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
|
|
88
|
-
lineNumber: 61,
|
|
89
|
-
columnNumber: 7
|
|
90
|
-
}, this);
|
|
46
|
+
] }, item.id);
|
|
91
47
|
};
|
|
92
|
-
return /* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ jsx("nav", { className: `flex ${className}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs("ol", { className: "flex items-center space-x-4", children: [
|
|
93
49
|
renderHomeLink(),
|
|
94
50
|
items.map((item, index) => {
|
|
95
51
|
index === items.length - 1;
|
|
96
52
|
return renderBreadcrumbItem(item, index);
|
|
97
53
|
})
|
|
98
|
-
] }
|
|
99
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminBreadcrumbs.tsx",
|
|
100
|
-
lineNumber: 75,
|
|
101
|
-
columnNumber: 7
|
|
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);
|
|
54
|
+
] }) });
|
|
107
55
|
}
|
|
108
56
|
export {
|
|
109
57
|
AdminBreadcrumbs
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { XCircleIcon, ExclamationCircleIcon, ExclamationTriangleIcon } from "@heroicons/react/24/outline";
|
|
3
3
|
const getSeverityConfig = (severity) => {
|
|
4
4
|
const configs = {
|
|
@@ -43,89 +43,33 @@ function AdminErrorState({
|
|
|
43
43
|
}) {
|
|
44
44
|
const config = getSeverityConfig(severity);
|
|
45
45
|
const IconComponent = config.icon;
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
showIcon && /* @__PURE__ */
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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(
|
|
46
|
+
return /* @__PURE__ */ jsx("div", { className: `rounded-md border p-4 ${config.bgColor} ${config.borderColor} ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
|
|
47
|
+
showIcon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(IconComponent, { className: `h-5 w-5 ${config.iconColor}`, "aria-hidden": "true" }) }),
|
|
48
|
+
/* @__PURE__ */ jsxs("div", { className: showIcon ? "ml-3" : "", children: [
|
|
49
|
+
/* @__PURE__ */ jsx("h3", { className: `text-sm font-medium ${config.titleColor}`, children: title }),
|
|
50
|
+
message && /* @__PURE__ */ jsx("div", { className: `mt-2 text-sm ${config.messageColor}`, children: /* @__PURE__ */ jsx("p", { children: message }) }),
|
|
51
|
+
(onRetry || onDismiss) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs("div", { className: "-mx-2 -my-1.5 flex", children: [
|
|
52
|
+
onRetry && /* @__PURE__ */ jsx(
|
|
73
53
|
"button",
|
|
74
54
|
{
|
|
75
55
|
type: "button",
|
|
76
56
|
onClick: onRetry,
|
|
77
57
|
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
58
|
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
|
|
59
|
+
}
|
|
88
60
|
),
|
|
89
|
-
onDismiss && /* @__PURE__ */
|
|
61
|
+
onDismiss && /* @__PURE__ */ jsx(
|
|
90
62
|
"button",
|
|
91
63
|
{
|
|
92
64
|
type: "button",
|
|
93
65
|
onClick: onDismiss,
|
|
94
66
|
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
67
|
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
|
|
68
|
+
}
|
|
105
69
|
)
|
|
106
|
-
] }
|
|
107
|
-
|
|
108
|
-
|
|
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",
|
|
122
|
-
lineNumber: 79,
|
|
123
|
-
columnNumber: 7
|
|
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);
|
|
70
|
+
] }) })
|
|
71
|
+
] })
|
|
72
|
+
] }) });
|
|
129
73
|
}
|
|
130
74
|
function AdminEmptyState({
|
|
131
75
|
title,
|
|
@@ -135,48 +79,20 @@ function AdminEmptyState({
|
|
|
135
79
|
className = "",
|
|
136
80
|
icon: IconComponent
|
|
137
81
|
}) {
|
|
138
|
-
return /* @__PURE__ */
|
|
139
|
-
IconComponent && /* @__PURE__ */
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
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(
|
|
82
|
+
return /* @__PURE__ */ jsxs("div", { className: `text-center ${className}`, children: [
|
|
83
|
+
IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "mx-auto h-12 w-12 text-gray-400" }),
|
|
84
|
+
/* @__PURE__ */ jsx("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: title }),
|
|
85
|
+
message && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: message }),
|
|
86
|
+
actionLabel && onAction && /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
|
|
155
87
|
"button",
|
|
156
88
|
{
|
|
157
89
|
type: "button",
|
|
158
90
|
onClick: onAction,
|
|
159
91
|
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
92
|
children: actionLabel
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
|
|
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",
|
|
177
|
-
lineNumber: 133,
|
|
178
|
-
columnNumber: 5
|
|
179
|
-
}, this);
|
|
93
|
+
}
|
|
94
|
+
) })
|
|
95
|
+
] });
|
|
180
96
|
}
|
|
181
97
|
function AdminLoadingState({
|
|
182
98
|
title = "Loading...",
|
|
@@ -192,27 +108,11 @@ function AdminLoadingState({
|
|
|
192
108
|
};
|
|
193
109
|
return sizes[size];
|
|
194
110
|
};
|
|
195
|
-
return /* @__PURE__ */
|
|
196
|
-
/* @__PURE__ */
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
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",
|
|
213
|
-
lineNumber: 172,
|
|
214
|
-
columnNumber: 5
|
|
215
|
-
}, this);
|
|
111
|
+
return /* @__PURE__ */ jsxs("div", { className: `flex flex-col items-center justify-center p-8 ${className}`, children: [
|
|
112
|
+
/* @__PURE__ */ jsx("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${getSizeClasses()}` }),
|
|
113
|
+
/* @__PURE__ */ jsx("h3", { className: "mt-4 text-sm font-medium text-gray-900", children: title }),
|
|
114
|
+
message && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: message })
|
|
115
|
+
] });
|
|
216
116
|
}
|
|
217
117
|
export {
|
|
218
118
|
AdminEmptyState,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { QuestionMarkCircleIcon, PauseCircleIcon, CheckCircleIcon, XCircleIcon, ExclamationTriangleIcon, ClockIcon } from "@heroicons/react/24/solid";
|
|
3
3
|
const getStatusConfig = (status) => {
|
|
4
4
|
const configs = {
|
|
@@ -151,36 +151,24 @@ function AdminStatusDisplay({
|
|
|
151
151
|
const finalClasses = `${baseClasses} ${interactiveClasses} ${className}`.trim();
|
|
152
152
|
const renderDot = () => {
|
|
153
153
|
if (!shouldShowDot) return null;
|
|
154
|
-
return /* @__PURE__ */
|
|
155
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
|
|
156
|
-
lineNumber: 221,
|
|
157
|
-
columnNumber: 7
|
|
158
|
-
}, this);
|
|
154
|
+
return /* @__PURE__ */ jsx("span", { className: `inline-block rounded-full mr-2 ${config.bgColor.replace("bg-", "bg-").replace("-100", "-400")} ${sizeClasses.dot}` });
|
|
159
155
|
};
|
|
160
156
|
const renderIcon = () => {
|
|
161
157
|
if (!shouldShowIcon) return null;
|
|
162
|
-
return /* @__PURE__ */
|
|
163
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
|
|
164
|
-
lineNumber: 229,
|
|
165
|
-
columnNumber: 7
|
|
166
|
-
}, this);
|
|
158
|
+
return /* @__PURE__ */ jsx(IconComponent, { className: `${sizeClasses.icon} ${displayLabel ? "mr-1.5" : ""}` });
|
|
167
159
|
};
|
|
168
|
-
const content = /* @__PURE__ */
|
|
160
|
+
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
169
161
|
renderDot(),
|
|
170
162
|
renderIcon(),
|
|
171
163
|
displayLabel
|
|
172
|
-
] }
|
|
173
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
|
|
174
|
-
lineNumber: 234,
|
|
175
|
-
columnNumber: 5
|
|
176
|
-
}, this);
|
|
164
|
+
] });
|
|
177
165
|
const handleClick = () => {
|
|
178
166
|
if (onClick) {
|
|
179
167
|
onClick();
|
|
180
168
|
}
|
|
181
169
|
};
|
|
182
170
|
if (isClickable) {
|
|
183
|
-
return /* @__PURE__ */
|
|
171
|
+
return /* @__PURE__ */ jsx(
|
|
184
172
|
"button",
|
|
185
173
|
{
|
|
186
174
|
type: "button",
|
|
@@ -188,22 +176,10 @@ function AdminStatusDisplay({
|
|
|
188
176
|
className: finalClasses,
|
|
189
177
|
title: tooltip,
|
|
190
178
|
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
|
|
179
|
+
}
|
|
200
180
|
);
|
|
201
181
|
}
|
|
202
|
-
return /* @__PURE__ */
|
|
203
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/components/shared/AdminStatusDisplay.tsx",
|
|
204
|
-
lineNumber: 261,
|
|
205
|
-
columnNumber: 5
|
|
206
|
-
}, this);
|
|
182
|
+
return /* @__PURE__ */ jsx("span", { className: finalClasses, title: tooltip, children: content });
|
|
207
183
|
}
|
|
208
184
|
function AdminUserStatus({
|
|
209
185
|
status,
|
|
@@ -215,32 +191,16 @@ function AdminUserStatus({
|
|
|
215
191
|
const sizeClasses = getSizeClasses(size);
|
|
216
192
|
const dotSizeClass = sizeClasses.dot;
|
|
217
193
|
const textSizeClass = showLabel ? sizeClasses.text : "";
|
|
218
|
-
return /* @__PURE__ */
|
|
219
|
-
/* @__PURE__ */
|
|
194
|
+
return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center ${className}`, children: [
|
|
195
|
+
/* @__PURE__ */ jsx(
|
|
220
196
|
"span",
|
|
221
197
|
{
|
|
222
198
|
className: `inline-block rounded-full ${config.color} ${dotSizeClass}`,
|
|
223
199
|
"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
|
|
200
|
+
}
|
|
233
201
|
),
|
|
234
|
-
showLabel && /* @__PURE__ */
|
|
235
|
-
|
|
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",
|
|
241
|
-
lineNumber: 280,
|
|
242
|
-
columnNumber: 5
|
|
243
|
-
}, this);
|
|
202
|
+
showLabel && /* @__PURE__ */ jsx("span", { className: `ml-2 text-gray-700 ${textSizeClass}`, children: config.label })
|
|
203
|
+
] });
|
|
244
204
|
}
|
|
245
205
|
export {
|
|
246
206
|
AdminStatusDisplay,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useMemo, useContext } from "react";
|
|
3
3
|
const AdminDataContext = createContext(null);
|
|
4
4
|
function AdminDataProvider({
|
|
@@ -12,11 +12,7 @@ function AdminDataProvider({
|
|
|
12
12
|
() => ({ sdk, databaseModels, basePath, formTheme }),
|
|
13
13
|
[sdk, databaseModels, basePath, formTheme]
|
|
14
14
|
);
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/context/AdminDataContext.tsx",
|
|
17
|
-
lineNumber: 60,
|
|
18
|
-
columnNumber: 5
|
|
19
|
-
}, this);
|
|
15
|
+
return /* @__PURE__ */ jsx(AdminDataContext.Provider, { value, children });
|
|
20
16
|
}
|
|
21
17
|
function useAdminDataContext() {
|
|
22
18
|
const context = useContext(AdminDataContext);
|