@nestledjs/data-browser 0.1.8 → 0.1.10
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/filters/DateRangeFilter.js +83 -46
- package/lib/components/filters/NumberRangeFilter.js +87 -46
- package/lib/components/filters/RelationComponents.js +214 -96
- package/lib/components/filters/RelationFilterField.js +90 -43
- package/lib/components/shared/AdminBreadcrumbs.js +87 -39
- package/lib/components/shared/AdminErrorStates.js +141 -87
- package/lib/components/shared/AdminStatusDisplay.js +61 -28
- package/lib/context/AdminDataContext.js +8 -11
- package/lib/layouts/AdminDataLayout.js +264 -171
- package/lib/pages/AdminDataCreatePage.js +400 -253
- package/lib/pages/AdminDataEditPage.js +699 -440
- package/lib/pages/AdminDataIndexPage.js +80 -52
- package/lib/pages/AdminDataListPage.js +1106 -569
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { jsxDEV } from "react/jsx-dev-runtime";
|
|
1
2
|
import { formatFieldName } from "../../utils/string-utils.js";
|
|
2
|
-
var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx";
|
|
3
3
|
function DateRangeFilter({
|
|
4
4
|
fieldName,
|
|
5
5
|
currentValue,
|
|
@@ -8,9 +8,7 @@ function DateRangeFilter({
|
|
|
8
8
|
const fromDate = (currentValue == null ? void 0 : currentValue.gte) ? new Date(currentValue.gte).toISOString().split("T")[0] : "";
|
|
9
9
|
const toDate = (currentValue == null ? void 0 : currentValue.lte) ? new Date(currentValue.lte).toISOString().split("T")[0] : "";
|
|
10
10
|
const handleFromChange = (date) => {
|
|
11
|
-
const newValue = {
|
|
12
|
-
...currentValue
|
|
13
|
-
};
|
|
11
|
+
const newValue = { ...currentValue };
|
|
14
12
|
if (date) {
|
|
15
13
|
newValue.gte = new Date(date).toISOString();
|
|
16
14
|
} else {
|
|
@@ -23,9 +21,7 @@ function DateRangeFilter({
|
|
|
23
21
|
}
|
|
24
22
|
};
|
|
25
23
|
const handleToChange = (date) => {
|
|
26
|
-
const newValue = {
|
|
27
|
-
...currentValue
|
|
28
|
-
};
|
|
24
|
+
const newValue = { ...currentValue };
|
|
29
25
|
if (date) {
|
|
30
26
|
const endOfDay = new Date(date);
|
|
31
27
|
endOfDay.setHours(23, 59, 59, 999);
|
|
@@ -39,47 +35,88 @@ function DateRangeFilter({
|
|
|
39
35
|
onChange(newValue);
|
|
40
36
|
}
|
|
41
37
|
};
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
|
|
38
|
+
return /* @__PURE__ */ jsxDEV("div", { className: "space-y-1", children: [
|
|
39
|
+
/* @__PURE__ */ jsxDEV("label", { className: "block text-sm font-medium text-gray-700", children: formatFieldName(fieldName) }, void 0, false, {
|
|
40
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
41
|
+
lineNumber: 56,
|
|
42
|
+
columnNumber: 7
|
|
43
|
+
}, this),
|
|
44
|
+
/* @__PURE__ */ jsxDEV("div", { className: "grid grid-cols-2 gap-2", children: [
|
|
45
|
+
/* @__PURE__ */ jsxDEV("div", { children: [
|
|
46
|
+
/* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "From" }, void 0, false, {
|
|
47
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
48
|
+
lineNumber: 61,
|
|
49
|
+
columnNumber: 11
|
|
50
|
+
}, this),
|
|
51
|
+
/* @__PURE__ */ jsxDEV(
|
|
52
|
+
"input",
|
|
53
|
+
{
|
|
54
|
+
type: "date",
|
|
55
|
+
value: fromDate,
|
|
56
|
+
onChange: (e) => handleFromChange(e.target.value),
|
|
57
|
+
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"
|
|
58
|
+
},
|
|
59
|
+
void 0,
|
|
60
|
+
false,
|
|
61
|
+
{
|
|
62
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
63
|
+
lineNumber: 62,
|
|
64
|
+
columnNumber: 11
|
|
65
|
+
},
|
|
66
|
+
this
|
|
67
|
+
)
|
|
68
|
+
] }, void 0, true, {
|
|
69
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
70
|
+
lineNumber: 60,
|
|
71
|
+
columnNumber: 9
|
|
72
|
+
}, this),
|
|
73
|
+
/* @__PURE__ */ jsxDEV("div", { children: [
|
|
74
|
+
/* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "To" }, void 0, false, {
|
|
75
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
76
|
+
lineNumber: 70,
|
|
77
|
+
columnNumber: 11
|
|
78
|
+
}, this),
|
|
79
|
+
/* @__PURE__ */ jsxDEV(
|
|
80
|
+
"input",
|
|
81
|
+
{
|
|
82
|
+
type: "date",
|
|
83
|
+
value: toDate,
|
|
84
|
+
onChange: (e) => handleToChange(e.target.value),
|
|
85
|
+
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"
|
|
86
|
+
},
|
|
87
|
+
void 0,
|
|
88
|
+
false,
|
|
89
|
+
{
|
|
90
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
91
|
+
lineNumber: 71,
|
|
92
|
+
columnNumber: 11
|
|
93
|
+
},
|
|
94
|
+
this
|
|
95
|
+
)
|
|
96
|
+
] }, void 0, true, {
|
|
97
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
98
|
+
lineNumber: 69,
|
|
99
|
+
columnNumber: 9
|
|
100
|
+
}, this)
|
|
101
|
+
] }, void 0, true, {
|
|
102
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
103
|
+
lineNumber: 59,
|
|
104
|
+
columnNumber: 7
|
|
105
|
+
}, this),
|
|
106
|
+
(fromDate || toDate) && /* @__PURE__ */ jsxDEV("div", { className: "text-xs text-gray-500", children: [
|
|
107
|
+
fromDate && toDate && `${fromDate} to ${toDate}`,
|
|
108
|
+
fromDate && !toDate && `From ${fromDate}`,
|
|
109
|
+
!fromDate && toDate && `Until ${toDate}`
|
|
110
|
+
] }, void 0, true, {
|
|
111
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
112
|
+
lineNumber: 80,
|
|
113
|
+
columnNumber: 9
|
|
114
|
+
}, this)
|
|
115
|
+
] }, void 0, true, {
|
|
116
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/DateRangeFilter.tsx",
|
|
44
117
|
lineNumber: 55,
|
|
45
118
|
columnNumber: 5
|
|
46
|
-
}
|
|
47
|
-
fileName: _jsxFileName,
|
|
48
|
-
lineNumber: 56,
|
|
49
|
-
columnNumber: 7
|
|
50
|
-
} }, formatFieldName(fieldName)), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2", __self: this, __source: {
|
|
51
|
-
fileName: _jsxFileName,
|
|
52
|
-
lineNumber: 59,
|
|
53
|
-
columnNumber: 7
|
|
54
|
-
} }, /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
|
|
55
|
-
fileName: _jsxFileName,
|
|
56
|
-
lineNumber: 60,
|
|
57
|
-
columnNumber: 9
|
|
58
|
-
} }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
|
|
59
|
-
fileName: _jsxFileName,
|
|
60
|
-
lineNumber: 61,
|
|
61
|
-
columnNumber: 11
|
|
62
|
-
} }, "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: {
|
|
63
|
-
fileName: _jsxFileName,
|
|
64
|
-
lineNumber: 62,
|
|
65
|
-
columnNumber: 11
|
|
66
|
-
} })), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
|
|
67
|
-
fileName: _jsxFileName,
|
|
68
|
-
lineNumber: 69,
|
|
69
|
-
columnNumber: 9
|
|
70
|
-
} }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
|
|
71
|
-
fileName: _jsxFileName,
|
|
72
|
-
lineNumber: 70,
|
|
73
|
-
columnNumber: 11
|
|
74
|
-
} }, "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: {
|
|
75
|
-
fileName: _jsxFileName,
|
|
76
|
-
lineNumber: 71,
|
|
77
|
-
columnNumber: 11
|
|
78
|
-
} }))), (fromDate || toDate) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500", __self: this, __source: {
|
|
79
|
-
fileName: _jsxFileName,
|
|
80
|
-
lineNumber: 80,
|
|
81
|
-
columnNumber: 9
|
|
82
|
-
} }, fromDate && toDate && `${fromDate} to ${toDate}`, fromDate && !toDate && `From ${fromDate}`, !fromDate && toDate && `Until ${toDate}`));
|
|
119
|
+
}, this);
|
|
83
120
|
}
|
|
84
121
|
export {
|
|
85
122
|
DateRangeFilter
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { jsxDEV } from "react/jsx-dev-runtime";
|
|
1
2
|
import { formatFieldName } from "../../utils/string-utils.js";
|
|
2
|
-
var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx";
|
|
3
3
|
function NumberRangeFilter({
|
|
4
4
|
fieldName,
|
|
5
5
|
fieldType,
|
|
@@ -20,9 +20,7 @@ function NumberRangeFilter({
|
|
|
20
20
|
return void 0;
|
|
21
21
|
};
|
|
22
22
|
const handleMinChange = (value) => {
|
|
23
|
-
const newValue = {
|
|
24
|
-
...currentValue
|
|
25
|
-
};
|
|
23
|
+
const newValue = { ...currentValue };
|
|
26
24
|
const parsedValue = parseNumber(value);
|
|
27
25
|
if (parsedValue !== void 0) {
|
|
28
26
|
newValue.gte = parsedValue;
|
|
@@ -36,9 +34,7 @@ function NumberRangeFilter({
|
|
|
36
34
|
}
|
|
37
35
|
};
|
|
38
36
|
const handleMaxChange = (value) => {
|
|
39
|
-
const newValue = {
|
|
40
|
-
...currentValue
|
|
41
|
-
};
|
|
37
|
+
const newValue = { ...currentValue };
|
|
42
38
|
const parsedValue = parseNumber(value);
|
|
43
39
|
if (parsedValue !== void 0) {
|
|
44
40
|
newValue.lte = parsedValue;
|
|
@@ -52,47 +48,92 @@ function NumberRangeFilter({
|
|
|
52
48
|
}
|
|
53
49
|
};
|
|
54
50
|
const step = fieldType === "int" || fieldType === "bigint" ? "1" : "any";
|
|
55
|
-
return /* @__PURE__ */
|
|
56
|
-
|
|
51
|
+
return /* @__PURE__ */ jsxDEV("div", { className: "space-y-1", children: [
|
|
52
|
+
/* @__PURE__ */ jsxDEV("label", { className: "block text-sm font-medium text-gray-700", children: formatFieldName(fieldName) }, void 0, false, {
|
|
53
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
54
|
+
lineNumber: 75,
|
|
55
|
+
columnNumber: 7
|
|
56
|
+
}, this),
|
|
57
|
+
/* @__PURE__ */ jsxDEV("div", { className: "grid grid-cols-2 gap-2", children: [
|
|
58
|
+
/* @__PURE__ */ jsxDEV("div", { children: [
|
|
59
|
+
/* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "Min" }, void 0, false, {
|
|
60
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
61
|
+
lineNumber: 80,
|
|
62
|
+
columnNumber: 11
|
|
63
|
+
}, this),
|
|
64
|
+
/* @__PURE__ */ jsxDEV(
|
|
65
|
+
"input",
|
|
66
|
+
{
|
|
67
|
+
type: "number",
|
|
68
|
+
step,
|
|
69
|
+
value: minValue,
|
|
70
|
+
onChange: (e) => handleMinChange(e.target.value),
|
|
71
|
+
placeholder: "No minimum",
|
|
72
|
+
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"
|
|
73
|
+
},
|
|
74
|
+
void 0,
|
|
75
|
+
false,
|
|
76
|
+
{
|
|
77
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
78
|
+
lineNumber: 81,
|
|
79
|
+
columnNumber: 11
|
|
80
|
+
},
|
|
81
|
+
this
|
|
82
|
+
)
|
|
83
|
+
] }, void 0, true, {
|
|
84
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
85
|
+
lineNumber: 79,
|
|
86
|
+
columnNumber: 9
|
|
87
|
+
}, this),
|
|
88
|
+
/* @__PURE__ */ jsxDEV("div", { children: [
|
|
89
|
+
/* @__PURE__ */ jsxDEV("label", { className: "block text-xs text-gray-500 mb-1", children: "Max" }, void 0, false, {
|
|
90
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
91
|
+
lineNumber: 91,
|
|
92
|
+
columnNumber: 11
|
|
93
|
+
}, this),
|
|
94
|
+
/* @__PURE__ */ jsxDEV(
|
|
95
|
+
"input",
|
|
96
|
+
{
|
|
97
|
+
type: "number",
|
|
98
|
+
step,
|
|
99
|
+
value: maxValue,
|
|
100
|
+
onChange: (e) => handleMaxChange(e.target.value),
|
|
101
|
+
placeholder: "No maximum",
|
|
102
|
+
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"
|
|
103
|
+
},
|
|
104
|
+
void 0,
|
|
105
|
+
false,
|
|
106
|
+
{
|
|
107
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
108
|
+
lineNumber: 92,
|
|
109
|
+
columnNumber: 11
|
|
110
|
+
},
|
|
111
|
+
this
|
|
112
|
+
)
|
|
113
|
+
] }, void 0, true, {
|
|
114
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
115
|
+
lineNumber: 90,
|
|
116
|
+
columnNumber: 9
|
|
117
|
+
}, this)
|
|
118
|
+
] }, void 0, true, {
|
|
119
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
120
|
+
lineNumber: 78,
|
|
121
|
+
columnNumber: 7
|
|
122
|
+
}, this),
|
|
123
|
+
(minValue || maxValue) && /* @__PURE__ */ jsxDEV("div", { className: "text-xs text-gray-500", children: [
|
|
124
|
+
minValue && maxValue && `${minValue} to ${maxValue}`,
|
|
125
|
+
minValue && !maxValue && `≥ ${minValue}`,
|
|
126
|
+
!minValue && maxValue && `≤ ${maxValue}`
|
|
127
|
+
] }, void 0, true, {
|
|
128
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
129
|
+
lineNumber: 103,
|
|
130
|
+
columnNumber: 9
|
|
131
|
+
}, this)
|
|
132
|
+
] }, void 0, true, {
|
|
133
|
+
fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/filters/NumberRangeFilter.tsx",
|
|
57
134
|
lineNumber: 74,
|
|
58
135
|
columnNumber: 5
|
|
59
|
-
}
|
|
60
|
-
fileName: _jsxFileName,
|
|
61
|
-
lineNumber: 75,
|
|
62
|
-
columnNumber: 7
|
|
63
|
-
} }, formatFieldName(fieldName)), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2", __self: this, __source: {
|
|
64
|
-
fileName: _jsxFileName,
|
|
65
|
-
lineNumber: 78,
|
|
66
|
-
columnNumber: 7
|
|
67
|
-
} }, /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
|
|
68
|
-
fileName: _jsxFileName,
|
|
69
|
-
lineNumber: 79,
|
|
70
|
-
columnNumber: 9
|
|
71
|
-
} }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
|
|
72
|
-
fileName: _jsxFileName,
|
|
73
|
-
lineNumber: 80,
|
|
74
|
-
columnNumber: 11
|
|
75
|
-
} }, "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: {
|
|
76
|
-
fileName: _jsxFileName,
|
|
77
|
-
lineNumber: 81,
|
|
78
|
-
columnNumber: 11
|
|
79
|
-
} })), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
|
|
80
|
-
fileName: _jsxFileName,
|
|
81
|
-
lineNumber: 90,
|
|
82
|
-
columnNumber: 9
|
|
83
|
-
} }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-1", __self: this, __source: {
|
|
84
|
-
fileName: _jsxFileName,
|
|
85
|
-
lineNumber: 91,
|
|
86
|
-
columnNumber: 11
|
|
87
|
-
} }, "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: {
|
|
88
|
-
fileName: _jsxFileName,
|
|
89
|
-
lineNumber: 92,
|
|
90
|
-
columnNumber: 11
|
|
91
|
-
} }))), (minValue || maxValue) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500", __self: this, __source: {
|
|
92
|
-
fileName: _jsxFileName,
|
|
93
|
-
lineNumber: 103,
|
|
94
|
-
columnNumber: 9
|
|
95
|
-
} }, minValue && maxValue && `${minValue} to ${maxValue}`, minValue && !maxValue && `≥ ${minValue}`, !minValue && maxValue && `≤ ${maxValue}`));
|
|
136
|
+
}, this);
|
|
96
137
|
}
|
|
97
138
|
export {
|
|
98
139
|
NumberRangeFilter
|