@nestledjs/data-browser 0.1.9 → 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.
Files changed (14) hide show
  1. package/lib/components/filters/DateRangeFilter.js +83 -46
  2. package/lib/components/filters/NumberRangeFilter.js +87 -46
  3. package/lib/components/filters/RelationComponents.js +214 -96
  4. package/lib/components/filters/RelationFilterField.js +90 -43
  5. package/lib/components/shared/AdminBreadcrumbs.js +87 -39
  6. package/lib/components/shared/AdminErrorStates.js +141 -87
  7. package/lib/components/shared/AdminStatusDisplay.js +61 -28
  8. package/lib/context/AdminDataContext.js +8 -11
  9. package/lib/layouts/AdminDataLayout.js +264 -171
  10. package/lib/pages/AdminDataCreatePage.js +400 -253
  11. package/lib/pages/AdminDataEditPage.js +699 -440
  12. package/lib/pages/AdminDataIndexPage.js +80 -52
  13. package/lib/pages/AdminDataListPage.js +1106 -569
  14. package/package.json +2 -2
package/lib/pages/AdminDataIndexPage.js CHANGED
@@ -1,62 +1,90 @@
1
+ import { jsxDEV } from "react/jsx-dev-runtime";
1
2
  import { Link } from "react-router";
2
3
  import { getPluralName } from "@nestledjs/helpers";
3
4
  import { useAdminDataContext } from "../context/AdminDataContext.js";
4
5
  import { kebabCase, spacedWords } from "../utils/string-utils.js";
5
- var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx";
6
6
  function AdminDataIndexPage() {
7
- const {
8
- databaseModels,
9
- basePath = "/admin/data"
10
- } = useAdminDataContext();
11
- return /* @__PURE__ */ React.createElement("div", { className: "text-center py-12", __self: this, __source: {
12
- fileName: _jsxFileName,
13
- lineNumber: 13,
14
- columnNumber: 5
15
- } }, /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl mx-auto", __self: this, __source: {
16
- fileName: _jsxFileName,
7
+ const { databaseModels, basePath = "/admin/data" } = useAdminDataContext();
8
+ return /* @__PURE__ */ jsxDEV("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxDEV("div", { className: "max-w-2xl mx-auto", children: [
9
+ /* @__PURE__ */ jsxDEV("h1", { className: "text-3xl font-bold text-gray-900 dark:text-gray-100 mb-4", children: "Database Administration" }, void 0, false, {
10
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
11
+ lineNumber: 15,
12
+ columnNumber: 9
13
+ }, this),
14
+ /* @__PURE__ */ jsxDEV("p", { className: "text-lg text-gray-600 dark:text-gray-300 mb-8", children: "Choose a data model from the sidebar to get started with managing your database records." }, void 0, false, {
15
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
16
+ lineNumber: 16,
17
+ columnNumber: 9
18
+ }, this),
19
+ /* @__PURE__ */ jsxDEV("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-lg p-6 mb-8", children: [
20
+ /* @__PURE__ */ jsxDEV("h2", { className: "text-lg font-semibold text-blue-900 dark:text-blue-200 mb-2", children: "Available Models" }, void 0, false, {
21
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
22
+ lineNumber: 21,
23
+ columnNumber: 11
24
+ }, this),
25
+ /* @__PURE__ */ jsxDEV("p", { className: "text-blue-700 dark:text-blue-300 mb-4", children: [
26
+ "You can manage ",
27
+ databaseModels.length,
28
+ " different data models in your database:"
29
+ ] }, void 0, true, {
30
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
31
+ lineNumber: 22,
32
+ columnNumber: 11
33
+ }, this),
34
+ /* @__PURE__ */ jsxDEV("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-2 text-sm", children: [
35
+ databaseModels.slice(0, 12).map((model) => /* @__PURE__ */ jsxDEV(
36
+ Link,
37
+ {
38
+ to: `${basePath}/${kebabCase(getPluralName(model.name))}`,
39
+ className: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:underline",
40
+ children: getPluralName(spacedWords(model.name))
41
+ },
42
+ model.name,
43
+ false,
44
+ {
45
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
46
+ lineNumber: 27,
47
+ columnNumber: 15
48
+ },
49
+ this
50
+ )),
51
+ databaseModels.length > 12 && /* @__PURE__ */ jsxDEV("span", { className: "text-blue-600 dark:text-blue-400 italic", children: [
52
+ "+",
53
+ databaseModels.length - 12,
54
+ " more..."
55
+ ] }, void 0, true, {
56
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
57
+ lineNumber: 36,
58
+ columnNumber: 15
59
+ }, this)
60
+ ] }, void 0, true, {
61
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
62
+ lineNumber: 25,
63
+ columnNumber: 11
64
+ }, this)
65
+ ] }, void 0, true, {
66
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
67
+ lineNumber: 20,
68
+ columnNumber: 9
69
+ }, this),
70
+ /* @__PURE__ */ jsxDEV("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsxDEV("p", { children: "This interface provides full CRUD (Create, Read, Update, Delete) operations for all your database models. Select a model from the sidebar to view and manage records." }, void 0, false, {
71
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
72
+ lineNumber: 42,
73
+ columnNumber: 11
74
+ }, this) }, void 0, false, {
75
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
76
+ lineNumber: 41,
77
+ columnNumber: 9
78
+ }, this)
79
+ ] }, void 0, true, {
80
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
17
81
  lineNumber: 14,
18
82
  columnNumber: 7
19
- } }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-gray-100 mb-4", __self: this, __source: {
20
- fileName: _jsxFileName,
21
- lineNumber: 15,
22
- columnNumber: 9
23
- } }, "Database Administration"), /* @__PURE__ */ React.createElement("p", { className: "text-lg text-gray-600 dark:text-gray-300 mb-8", __self: this, __source: {
24
- fileName: _jsxFileName,
25
- lineNumber: 16,
26
- columnNumber: 9
27
- } }, "Choose a data model from the sidebar to get started with managing your database records."), /* @__PURE__ */ React.createElement("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-lg p-6 mb-8", __self: this, __source: {
28
- fileName: _jsxFileName,
29
- lineNumber: 20,
30
- columnNumber: 9
31
- } }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-blue-900 dark:text-blue-200 mb-2", __self: this, __source: {
32
- fileName: _jsxFileName,
33
- lineNumber: 21,
34
- columnNumber: 11
35
- } }, "Available Models"), /* @__PURE__ */ React.createElement("p", { className: "text-blue-700 dark:text-blue-300 mb-4", __self: this, __source: {
36
- fileName: _jsxFileName,
37
- lineNumber: 22,
38
- columnNumber: 11
39
- } }, "You can manage ", databaseModels.length, " different data models in your database:"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-2 text-sm", __self: this, __source: {
40
- fileName: _jsxFileName,
41
- lineNumber: 25,
42
- columnNumber: 11
43
- } }, databaseModels.slice(0, 12).map((model) => /* @__PURE__ */ React.createElement(Link, { key: model.name, to: `${basePath}/${kebabCase(getPluralName(model.name))}`, className: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:underline", __self: this, __source: {
44
- fileName: _jsxFileName,
45
- lineNumber: 27,
46
- columnNumber: 15
47
- } }, getPluralName(spacedWords(model.name)))), databaseModels.length > 12 && /* @__PURE__ */ React.createElement("span", { className: "text-blue-600 dark:text-blue-400 italic", __self: this, __source: {
48
- fileName: _jsxFileName,
49
- lineNumber: 36,
50
- columnNumber: 15
51
- } }, "+", databaseModels.length - 12, " more..."))), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400", __self: this, __source: {
52
- fileName: _jsxFileName,
53
- lineNumber: 41,
54
- columnNumber: 9
55
- } }, /* @__PURE__ */ React.createElement("p", { __self: this, __source: {
56
- fileName: _jsxFileName,
57
- lineNumber: 42,
58
- columnNumber: 11
59
- } }, "This interface provides full CRUD (Create, Read, Update, Delete) operations for all your database models. Select a model from the sidebar to view and manage records."))));
83
+ }, this) }, void 0, false, {
84
+ fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataIndexPage.tsx",
85
+ lineNumber: 13,
86
+ columnNumber: 5
87
+ }, this);
60
88
  }
61
89
  export {
62
90
  AdminDataIndexPage