@solidxai/core-ui 0.1.14 → 0.1.15
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/dist/components/auth/AuthLayout.js +1 -1
- package/dist/components/auth/AuthLayout.js.map +1 -1
- package/dist/components/auth/AuthLayout.tsx +2 -2
- package/dist/components/common/DropzonePlaceholder.d.ts +2 -1
- package/dist/components/common/DropzonePlaceholder.d.ts.map +1 -1
- package/dist/components/common/DropzonePlaceholder.js +10 -7
- package/dist/components/common/DropzonePlaceholder.js.map +1 -1
- package/dist/components/common/DropzonePlaceholder.tsx +14 -9
- package/dist/components/common/SettingsComponent.module.css +4 -1
- package/dist/components/common/SolidFormStepper.d.ts.map +1 -1
- package/dist/components/common/SolidFormStepper.js +7 -6
- package/dist/components/common/SolidFormStepper.js.map +1 -1
- package/dist/components/common/SolidFormStepper.tsx +7 -1
- package/dist/components/common/SolidThemeProvider.d.ts.map +1 -1
- package/dist/components/common/SolidThemeProvider.js +127 -11
- package/dist/components/common/SolidThemeProvider.js.map +1 -1
- package/dist/components/common/SolidThemeProvider.tsx +104 -22
- package/dist/components/core/card/CardGrid.d.ts +1 -1
- package/dist/components/core/card/CardGrid.d.ts.map +1 -1
- package/dist/components/core/card/CardGrid.js +2 -2
- package/dist/components/core/card/CardGrid.js.map +1 -1
- package/dist/components/core/card/CardGrid.tsx +4 -0
- package/dist/components/core/card/CardItem.d.ts +2 -0
- package/dist/components/core/card/CardItem.d.ts.map +1 -1
- package/dist/components/core/card/CardItem.js +5 -4
- package/dist/components/core/card/CardItem.js.map +1 -1
- package/dist/components/core/card/CardItem.tsx +16 -1
- package/dist/components/core/card/SolidCardView.d.ts +28 -1
- package/dist/components/core/card/SolidCardView.d.ts.map +1 -1
- package/dist/components/core/card/SolidCardView.js +99 -44
- package/dist/components/core/card/SolidCardView.js.map +1 -1
- package/dist/components/core/card/SolidCardView.tsx +119 -7
- package/dist/components/core/card/SolidCardViewConfigure.d.ts +1 -1
- package/dist/components/core/card/SolidCardViewConfigure.d.ts.map +1 -1
- package/dist/components/core/card/SolidCardViewConfigure.js +15 -6
- package/dist/components/core/card/SolidCardViewConfigure.js.map +1 -1
- package/dist/components/core/card/SolidCardViewConfigure.tsx +34 -0
- package/dist/components/core/common/PDFViewer.d.ts +9 -5
- package/dist/components/core/common/PDFViewer.d.ts.map +1 -1
- package/dist/components/core/common/PDFViewer.js +10 -102
- package/dist/components/core/common/PDFViewer.js.map +1 -1
- package/dist/components/core/common/PDFViewer.tsx +29 -88
- package/dist/components/core/common/SolidCreateButton.d.ts.map +1 -1
- package/dist/components/core/common/SolidCreateButton.js +2 -2
- package/dist/components/core/common/SolidCreateButton.js.map +1 -1
- package/dist/components/core/common/SolidCreateButton.tsx +22 -2
- package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map +1 -1
- package/dist/components/core/common/SolidGlobalSearchElement.js +216 -198
- package/dist/components/core/common/SolidGlobalSearchElement.js.map +1 -1
- package/dist/components/core/common/SolidGlobalSearchElement.tsx +287 -216
- package/dist/components/core/form/SolidFormActionHeader.d.ts.map +1 -1
- package/dist/components/core/form/SolidFormActionHeader.js +21 -21
- package/dist/components/core/form/SolidFormActionHeader.js.map +1 -1
- package/dist/components/core/form/SolidFormActionHeader.tsx +62 -53
- package/dist/components/core/form/SolidFormView.d.ts.map +1 -1
- package/dist/components/core/form/SolidFormView.js +101 -74
- package/dist/components/core/form/SolidFormView.js.map +1 -1
- package/dist/components/core/form/SolidFormView.tsx +46 -19
- package/dist/components/core/form/fields/SolidMediaMultipleField.d.ts.map +1 -1
- package/dist/components/core/form/fields/SolidMediaMultipleField.js +3 -2
- package/dist/components/core/form/fields/SolidMediaMultipleField.js.map +1 -1
- package/dist/components/core/form/fields/SolidMediaMultipleField.tsx +3 -1
- package/dist/components/core/form/fields/SolidMediaSingleField.d.ts.map +1 -1
- package/dist/components/core/form/fields/SolidMediaSingleField.js +3 -2
- package/dist/components/core/form/fields/SolidMediaSingleField.js.map +1 -1
- package/dist/components/core/form/fields/SolidMediaSingleField.tsx +3 -1
- package/dist/components/core/form/fields/relations/SolidRelationManyToManyField.d.ts +1 -0
- package/dist/components/core/form/fields/relations/SolidRelationManyToManyField.d.ts.map +1 -1
- package/dist/components/core/form/fields/relations/SolidRelationManyToManyField.js +20 -2
- package/dist/components/core/form/fields/relations/SolidRelationManyToManyField.js.map +1 -1
- package/dist/components/core/form/fields/relations/SolidRelationManyToManyField.tsx +29 -2
- package/dist/components/core/form/fields/solidFields.module.css +7 -0
- package/dist/components/core/kanban/KanbanBoard.d.ts +1 -1
- package/dist/components/core/kanban/KanbanBoard.d.ts.map +1 -1
- package/dist/components/core/kanban/KanbanBoard.js +2 -2
- package/dist/components/core/kanban/KanbanBoard.js.map +1 -1
- package/dist/components/core/kanban/KanbanBoard.tsx +3 -1
- package/dist/components/core/kanban/KanbanCard.d.ts +2 -0
- package/dist/components/core/kanban/KanbanCard.d.ts.map +1 -1
- package/dist/components/core/kanban/KanbanCard.js +5 -3
- package/dist/components/core/kanban/KanbanCard.js.map +1 -1
- package/dist/components/core/kanban/KanbanCard.tsx +15 -2
- package/dist/components/core/kanban/KanbanColumn.d.ts +3 -1
- package/dist/components/core/kanban/KanbanColumn.d.ts.map +1 -1
- package/dist/components/core/kanban/KanbanColumn.js +2 -2
- package/dist/components/core/kanban/KanbanColumn.js.map +1 -1
- package/dist/components/core/kanban/KanbanColumn.tsx +4 -2
- package/dist/components/core/kanban/SolidKanbanView.d.ts +25 -1
- package/dist/components/core/kanban/SolidKanbanView.d.ts.map +1 -1
- package/dist/components/core/kanban/SolidKanbanView.js +95 -50
- package/dist/components/core/kanban/SolidKanbanView.js.map +1 -1
- package/dist/components/core/kanban/SolidKanbanView.tsx +87 -9
- package/dist/components/core/list/PLAN.md +1 -1
- package/dist/components/core/list/SolidListView.d.ts +11 -0
- package/dist/components/core/list/SolidListView.d.ts.map +1 -1
- package/dist/components/core/list/SolidListView.js +51 -90
- package/dist/components/core/list/SolidListView.js.map +1 -1
- package/dist/components/core/list/SolidListView.tsx +77 -112
- package/dist/components/core/list/SolidListViewColumn.d.ts +2 -1
- package/dist/components/core/list/SolidListViewColumn.d.ts.map +1 -1
- package/dist/components/core/list/SolidListViewColumn.js +2 -2
- package/dist/components/core/list/SolidListViewColumn.js.map +1 -1
- package/dist/components/core/list/SolidListViewColumn.tsx +4 -3
- package/dist/components/core/list/SolidListViewConfigure.js +1 -1
- package/dist/components/core/list/SolidListViewConfigure.js.map +1 -1
- package/dist/components/core/list/SolidListViewConfigure.tsx +1 -1
- package/dist/components/core/list/columns/SolidRelationColumn.d.ts +1 -1
- package/dist/components/core/list/columns/SolidRelationColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidRelationColumn.js +2 -2
- package/dist/components/core/list/columns/SolidRelationColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidRelationColumn.tsx +2 -2
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.d.ts +2 -2
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js +5 -4
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx +5 -4
- package/dist/components/core/model/CreateModel.d.ts.map +1 -1
- package/dist/components/core/model/CreateModel.js +2 -1
- package/dist/components/core/model/CreateModel.js.map +1 -1
- package/dist/components/core/model/CreateModel.tsx +2 -0
- package/dist/components/core/model/FieldMetaData.d.ts +1 -1
- package/dist/components/core/model/FieldMetaData.d.ts.map +1 -1
- package/dist/components/core/model/FieldMetaData.js +8 -8
- package/dist/components/core/model/FieldMetaData.js.map +1 -1
- package/dist/components/core/model/FieldMetaData.tsx +2 -2
- package/dist/components/core/model/FieldMetaDataForm.css +119 -0
- package/dist/components/core/model/FieldMetaDataForm.d.ts.map +1 -1
- package/dist/components/core/model/FieldMetaDataForm.js +147 -97
- package/dist/components/core/model/FieldMetaDataForm.js.map +1 -1
- package/dist/components/core/model/FieldMetaDataForm.tsx +124 -32
- package/dist/components/core/module/ModuleMetadataExplorer.css +64 -0
- package/dist/components/core/module/ModulePackageDialog.css +117 -12
- package/dist/components/core/tree/SolidTreeView.d.ts.map +1 -1
- package/dist/components/core/tree/SolidTreeView.js +6 -3
- package/dist/components/core/tree/SolidTreeView.js.map +1 -1
- package/dist/components/core/tree/SolidTreeView.tsx +27 -13
- package/dist/components/layout/AdminHeaderActions.d.ts.map +1 -1
- package/dist/components/layout/AdminHeaderActions.js +16 -11
- package/dist/components/layout/AdminHeaderActions.js.map +1 -1
- package/dist/components/layout/AdminHeaderActions.tsx +16 -9
- package/dist/components/layout/AdminTopHeader.d.ts.map +1 -1
- package/dist/components/layout/AdminTopHeader.js +1 -18
- package/dist/components/layout/AdminTopHeader.js.map +1 -1
- package/dist/components/layout/AdminTopHeader.tsx +3 -21
- package/dist/helpers/getAcceptedFileTypes.d.ts +12 -2
- package/dist/helpers/getAcceptedFileTypes.d.ts.map +1 -1
- package/dist/helpers/getAcceptedFileTypes.js +72 -16
- package/dist/helpers/getAcceptedFileTypes.js.map +1 -1
- package/dist/helpers/getAcceptedFileTypes.tsx +101 -18
- package/dist/helpers/registry.js +2 -1
- package/dist/helpers/registry.js.map +1 -1
- package/dist/helpers/registry.ts +3 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/index.ts +6 -2
- package/dist/resources/globals.css +274 -109
- package/dist/resources/solid-custom.css +11 -0
- package/dist/resources/solid-responsive.css +1 -5
- package/dist/resources/solid-tailwind-generated.css +1 -1
- package/dist/routes/pages/admin/core/CardPage.d.ts.map +1 -1
- package/dist/routes/pages/admin/core/CardPage.js +15 -2
- package/dist/routes/pages/admin/core/CardPage.js.map +1 -1
- package/dist/routes/pages/admin/core/CardPage.tsx +17 -2
- package/dist/routes/pages/admin/core/DashboardPage.d.ts.map +1 -1
- package/dist/routes/pages/admin/core/DashboardPage.js +31 -3
- package/dist/routes/pages/admin/core/DashboardPage.js.map +1 -1
- package/dist/routes/pages/admin/core/DashboardPage.tsx +39 -11
- package/dist/routes/pages/admin/core/KanbanPage.d.ts.map +1 -1
- package/dist/routes/pages/admin/core/KanbanPage.js +15 -2
- package/dist/routes/pages/admin/core/KanbanPage.js.map +1 -1
- package/dist/routes/pages/admin/core/KanbanPage.tsx +17 -2
- package/dist/routes/pages/admin/core/ListPage.d.ts.map +1 -1
- package/dist/routes/pages/admin/core/ListPage.js +5 -13
- package/dist/routes/pages/admin/core/ListPage.js.map +1 -1
- package/dist/routes/pages/admin/core/ListPage.tsx +5 -15
- package/dist/types/index.d.ts +2 -4
- package/dist/types/solid-core.d.ts +12 -13
- package/package.json +1 -1
|
@@ -1,21 +1,137 @@
|
|
|
1
|
-
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
12
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
+
function step(op) {
|
|
15
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
+
switch (op[0]) {
|
|
20
|
+
case 0: case 1: t = op; break;
|
|
21
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
+
default:
|
|
25
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
+
if (t[2]) _.ops.pop();
|
|
30
|
+
_.trys.pop(); continue;
|
|
31
|
+
}
|
|
32
|
+
op = body.call(thisArg, _);
|
|
33
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
import { useCallback, useContext, useEffect, useState } from "react";
|
|
2
38
|
import { LayoutContext } from "../layout/context/layoutcontext";
|
|
39
|
+
import { solidGet } from "../../http/solidHttp";
|
|
40
|
+
import { toLegacySettingsShape } from "../../helpers/settingsPayload";
|
|
41
|
+
import { SOLID_SETTINGS_UPDATED_EVENT } from "./SolidFaviconProvider";
|
|
42
|
+
import { getDefaultThemeKey, isRegisteredThemeKey } from "../../theme/theme-registry";
|
|
43
|
+
var THEME_MODE_STORAGE_KEY = "solidx.theme.mode";
|
|
44
|
+
var LIGHT_THEME_STORAGE_KEY = "solidx.theme.light";
|
|
45
|
+
var DARK_THEME_STORAGE_KEY = "solidx.theme.dark";
|
|
46
|
+
var LIGHT_THEME_KEY = "lightTheme";
|
|
47
|
+
var DARK_THEME_KEY = "darkTheme";
|
|
48
|
+
function normalizeThemeMode(value) {
|
|
49
|
+
return value === "dark" ? "dark" : "light";
|
|
50
|
+
}
|
|
51
|
+
function normalizeThemeFamily(value, mode) {
|
|
52
|
+
if (isRegisteredThemeKey(value, mode)) {
|
|
53
|
+
return value;
|
|
54
|
+
}
|
|
55
|
+
return getDefaultThemeKey(mode);
|
|
56
|
+
}
|
|
57
|
+
function getThemeFamilyStorageKey(mode) {
|
|
58
|
+
return mode === "dark" ? DARK_THEME_STORAGE_KEY : LIGHT_THEME_STORAGE_KEY;
|
|
59
|
+
}
|
|
3
60
|
export var SolidThemeProvider = function () {
|
|
4
61
|
var layoutContext = useContext(LayoutContext);
|
|
5
|
-
var
|
|
6
|
-
|
|
62
|
+
var _a = useState(function () {
|
|
63
|
+
if (typeof window === "undefined")
|
|
64
|
+
return "light";
|
|
65
|
+
return normalizeThemeMode(window.localStorage.getItem(THEME_MODE_STORAGE_KEY));
|
|
66
|
+
}), themeMode = _a[0], setThemeMode = _a[1];
|
|
67
|
+
var _b = useState(function () {
|
|
68
|
+
if (typeof window === "undefined") {
|
|
69
|
+
return {
|
|
70
|
+
light: getDefaultThemeKey("light"),
|
|
71
|
+
dark: getDefaultThemeKey("dark"),
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
return {
|
|
75
|
+
light: normalizeThemeFamily(window.localStorage.getItem(LIGHT_THEME_STORAGE_KEY), "light"),
|
|
76
|
+
dark: normalizeThemeFamily(window.localStorage.getItem(DARK_THEME_STORAGE_KEY), "dark"),
|
|
77
|
+
};
|
|
78
|
+
}), themeFamilies = _b[0], setThemeFamilies = _b[1];
|
|
79
|
+
var theme = normalizeThemeFamily(themeFamilies[themeMode], themeMode);
|
|
80
|
+
var refreshThemeSettings = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
81
|
+
var response, settings, nextLightThemeFamily, nextDarkThemeFamily, error_1, nextThemeMode;
|
|
82
|
+
var _a, _b, _c;
|
|
83
|
+
return __generator(this, function (_d) {
|
|
84
|
+
switch (_d.label) {
|
|
85
|
+
case 0:
|
|
86
|
+
_d.trys.push([0, 2, , 3]);
|
|
87
|
+
return [4 /*yield*/, solidGet("/setting/wrapped")];
|
|
88
|
+
case 1:
|
|
89
|
+
response = _d.sent();
|
|
90
|
+
settings = toLegacySettingsShape((_a = response === null || response === void 0 ? void 0 : response.data) !== null && _a !== void 0 ? _a : null);
|
|
91
|
+
nextLightThemeFamily = normalizeThemeFamily((_b = settings === null || settings === void 0 ? void 0 : settings.data) === null || _b === void 0 ? void 0 : _b[LIGHT_THEME_KEY], "light");
|
|
92
|
+
nextDarkThemeFamily = normalizeThemeFamily((_c = settings === null || settings === void 0 ? void 0 : settings.data) === null || _c === void 0 ? void 0 : _c[DARK_THEME_KEY], "dark");
|
|
93
|
+
setThemeFamilies({
|
|
94
|
+
light: nextLightThemeFamily,
|
|
95
|
+
dark: nextDarkThemeFamily,
|
|
96
|
+
});
|
|
97
|
+
if (typeof window !== "undefined") {
|
|
98
|
+
window.localStorage.setItem(getThemeFamilyStorageKey("light"), nextLightThemeFamily);
|
|
99
|
+
window.localStorage.setItem(getThemeFamilyStorageKey("dark"), nextDarkThemeFamily);
|
|
100
|
+
}
|
|
101
|
+
return [3 /*break*/, 3];
|
|
102
|
+
case 2:
|
|
103
|
+
error_1 = _d.sent();
|
|
104
|
+
if (typeof window !== "undefined") {
|
|
105
|
+
nextThemeMode = normalizeThemeMode(window.localStorage.getItem(THEME_MODE_STORAGE_KEY));
|
|
106
|
+
setThemeFamilies({
|
|
107
|
+
light: normalizeThemeFamily(window.localStorage.getItem(getThemeFamilyStorageKey("light")), "light"),
|
|
108
|
+
dark: normalizeThemeFamily(window.localStorage.getItem(getThemeFamilyStorageKey("dark")), "dark"),
|
|
109
|
+
});
|
|
110
|
+
setThemeMode(nextThemeMode);
|
|
111
|
+
}
|
|
112
|
+
console.error("[SolidThemeProvider] Failed to load theme settings", error_1);
|
|
113
|
+
return [3 /*break*/, 3];
|
|
114
|
+
case 3: return [2 /*return*/];
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
}); }, [layoutContext]);
|
|
7
118
|
useEffect(function () {
|
|
8
|
-
// Find or create <link> element
|
|
9
119
|
var themeLink = document.getElementById("theme-css");
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
// themeLink.rel = "stylesheet";
|
|
14
|
-
// document.head.appendChild(themeLink);
|
|
15
|
-
// }
|
|
16
|
-
// Update theme link dynamically
|
|
120
|
+
if (!themeLink) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
17
123
|
themeLink.href = "/themes/".concat(theme, "/theme.css");
|
|
18
124
|
}, [theme]);
|
|
125
|
+
useEffect(function () {
|
|
126
|
+
var nextThemeMode = (layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.themeMode) === "dark" ? "dark" : "light";
|
|
127
|
+
setThemeMode(function (current) { return (current === nextThemeMode ? current : nextThemeMode); });
|
|
128
|
+
}, [layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.themeMode]);
|
|
129
|
+
useEffect(function () {
|
|
130
|
+
refreshThemeSettings();
|
|
131
|
+
var handler = function () { return refreshThemeSettings(); };
|
|
132
|
+
window.addEventListener(SOLID_SETTINGS_UPDATED_EVENT, handler);
|
|
133
|
+
return function () { return window.removeEventListener(SOLID_SETTINGS_UPDATED_EVENT, handler); };
|
|
134
|
+
}, [refreshThemeSettings]);
|
|
19
135
|
return null;
|
|
20
136
|
};
|
|
21
137
|
//# sourceMappingURL=SolidThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolidThemeProvider.js","sourceRoot":"","sources":["../../../src/components/common/SolidThemeProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SolidThemeProvider.js","sourceRoot":"","sources":["../../../src/components/common/SolidThemeProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\nimport { LayoutContext } from \"../layout/context/layoutcontext\";\nimport { solidGet } from \"../../http/solidHttp\";\nimport { toLegacySettingsShape } from \"../../helpers/settingsPayload\";\nimport { SOLID_SETTINGS_UPDATED_EVENT } from \"./SolidFaviconProvider\";\nimport { getDefaultThemeKey, isRegisteredThemeKey, type ThemeMode } from \"../../theme/theme-registry\";\n\nconst THEME_MODE_STORAGE_KEY = \"solidx.theme.mode\";\nconst LIGHT_THEME_STORAGE_KEY = \"solidx.theme.light\";\nconst DARK_THEME_STORAGE_KEY = \"solidx.theme.dark\";\nconst LIGHT_THEME_KEY = \"lightTheme\";\nconst DARK_THEME_KEY = \"darkTheme\";\n\nfunction normalizeThemeMode(value?: string | null): ThemeMode {\n return value === \"dark\" ? \"dark\" : \"light\";\n}\n\nfunction normalizeThemeFamily(value: string | null | undefined, mode: ThemeMode) {\n if (isRegisteredThemeKey(value, mode)) {\n return value;\n }\n\n return getDefaultThemeKey(mode);\n}\n\nfunction getThemeFamilyStorageKey(mode: ThemeMode) {\n return mode === \"dark\" ? DARK_THEME_STORAGE_KEY : LIGHT_THEME_STORAGE_KEY;\n}\n\nexport const SolidThemeProvider = () => {\n const layoutContext = useContext(LayoutContext);\n const [themeMode, setThemeMode] = useState<ThemeMode>(() => {\n if (typeof window === \"undefined\") return \"light\";\n return normalizeThemeMode(window.localStorage.getItem(THEME_MODE_STORAGE_KEY));\n });\n const [themeFamilies, setThemeFamilies] = useState<Record<ThemeMode, string>>(() => {\n if (typeof window === \"undefined\") {\n return {\n light: getDefaultThemeKey(\"light\"),\n dark: getDefaultThemeKey(\"dark\"),\n };\n }\n\n return {\n light: normalizeThemeFamily(window.localStorage.getItem(LIGHT_THEME_STORAGE_KEY), \"light\"),\n dark: normalizeThemeFamily(window.localStorage.getItem(DARK_THEME_STORAGE_KEY), \"dark\"),\n };\n });\n const theme = normalizeThemeFamily(themeFamilies[themeMode], themeMode);\n\n const refreshThemeSettings = useCallback(async () => {\n try {\n const response = await solidGet(\"/setting/wrapped\");\n const settings = toLegacySettingsShape(response?.data ?? null);\n const nextLightThemeFamily = normalizeThemeFamily(\n settings?.data?.[LIGHT_THEME_KEY],\n \"light\",\n );\n const nextDarkThemeFamily = normalizeThemeFamily(\n settings?.data?.[DARK_THEME_KEY],\n \"dark\",\n );\n\n setThemeFamilies({\n light: nextLightThemeFamily,\n dark: nextDarkThemeFamily,\n });\n\n if (typeof window !== \"undefined\") {\n window.localStorage.setItem(getThemeFamilyStorageKey(\"light\"), nextLightThemeFamily);\n window.localStorage.setItem(getThemeFamilyStorageKey(\"dark\"), nextDarkThemeFamily);\n }\n } catch (error) {\n if (typeof window !== \"undefined\") {\n const nextThemeMode = normalizeThemeMode(window.localStorage.getItem(THEME_MODE_STORAGE_KEY));\n setThemeFamilies({\n light: normalizeThemeFamily(window.localStorage.getItem(getThemeFamilyStorageKey(\"light\")), \"light\"),\n dark: normalizeThemeFamily(window.localStorage.getItem(getThemeFamilyStorageKey(\"dark\")), \"dark\"),\n });\n setThemeMode(nextThemeMode);\n }\n console.error(\"[SolidThemeProvider] Failed to load theme settings\", error);\n }\n }, [layoutContext]);\n\n useEffect(() => {\n const themeLink = document.getElementById(\"theme-css\") as HTMLLinkElement | null;\n if (!themeLink) {\n return;\n }\n\n themeLink.href = `/themes/${theme}/theme.css`;\n }, [theme]);\n\n useEffect(() => {\n const nextThemeMode = layoutContext?.themeMode === \"dark\" ? \"dark\" : \"light\";\n setThemeMode((current) => (current === nextThemeMode ? current : nextThemeMode));\n }, [layoutContext?.themeMode]);\n\n useEffect(() => {\n refreshThemeSettings();\n const handler = () => refreshThemeSettings();\n window.addEventListener(SOLID_SETTINGS_UPDATED_EVENT, handler);\n return () => window.removeEventListener(SOLID_SETTINGS_UPDATED_EVENT, handler);\n }, [refreshThemeSettings]);\n\n return null;\n};\n"]}
|
|
@@ -1,26 +1,108 @@
|
|
|
1
|
-
|
|
2
|
-
import { useContext, useEffect } from "react";
|
|
1
|
+
import { useCallback, useContext, useEffect, useState } from "react";
|
|
3
2
|
import { LayoutContext } from "../layout/context/layoutcontext";
|
|
3
|
+
import { solidGet } from "../../http/solidHttp";
|
|
4
|
+
import { toLegacySettingsShape } from "../../helpers/settingsPayload";
|
|
5
|
+
import { SOLID_SETTINGS_UPDATED_EVENT } from "./SolidFaviconProvider";
|
|
6
|
+
import { getDefaultThemeKey, isRegisteredThemeKey, type ThemeMode } from "../../theme/theme-registry";
|
|
7
|
+
|
|
8
|
+
const THEME_MODE_STORAGE_KEY = "solidx.theme.mode";
|
|
9
|
+
const LIGHT_THEME_STORAGE_KEY = "solidx.theme.light";
|
|
10
|
+
const DARK_THEME_STORAGE_KEY = "solidx.theme.dark";
|
|
11
|
+
const LIGHT_THEME_KEY = "lightTheme";
|
|
12
|
+
const DARK_THEME_KEY = "darkTheme";
|
|
13
|
+
|
|
14
|
+
function normalizeThemeMode(value?: string | null): ThemeMode {
|
|
15
|
+
return value === "dark" ? "dark" : "light";
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
function normalizeThemeFamily(value: string | null | undefined, mode: ThemeMode) {
|
|
19
|
+
if (isRegisteredThemeKey(value, mode)) {
|
|
20
|
+
return value;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
return getDefaultThemeKey(mode);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function getThemeFamilyStorageKey(mode: ThemeMode) {
|
|
27
|
+
return mode === "dark" ? DARK_THEME_STORAGE_KEY : LIGHT_THEME_STORAGE_KEY;
|
|
28
|
+
}
|
|
4
29
|
|
|
5
30
|
export const SolidThemeProvider = () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
31
|
+
const layoutContext = useContext(LayoutContext);
|
|
32
|
+
const [themeMode, setThemeMode] = useState<ThemeMode>(() => {
|
|
33
|
+
if (typeof window === "undefined") return "light";
|
|
34
|
+
return normalizeThemeMode(window.localStorage.getItem(THEME_MODE_STORAGE_KEY));
|
|
35
|
+
});
|
|
36
|
+
const [themeFamilies, setThemeFamilies] = useState<Record<ThemeMode, string>>(() => {
|
|
37
|
+
if (typeof window === "undefined") {
|
|
38
|
+
return {
|
|
39
|
+
light: getDefaultThemeKey("light"),
|
|
40
|
+
dark: getDefaultThemeKey("dark"),
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return {
|
|
45
|
+
light: normalizeThemeFamily(window.localStorage.getItem(LIGHT_THEME_STORAGE_KEY), "light"),
|
|
46
|
+
dark: normalizeThemeFamily(window.localStorage.getItem(DARK_THEME_STORAGE_KEY), "dark"),
|
|
47
|
+
};
|
|
48
|
+
});
|
|
49
|
+
const theme = normalizeThemeFamily(themeFamilies[themeMode], themeMode);
|
|
50
|
+
|
|
51
|
+
const refreshThemeSettings = useCallback(async () => {
|
|
52
|
+
try {
|
|
53
|
+
const response = await solidGet("/setting/wrapped");
|
|
54
|
+
const settings = toLegacySettingsShape(response?.data ?? null);
|
|
55
|
+
const nextLightThemeFamily = normalizeThemeFamily(
|
|
56
|
+
settings?.data?.[LIGHT_THEME_KEY],
|
|
57
|
+
"light",
|
|
58
|
+
);
|
|
59
|
+
const nextDarkThemeFamily = normalizeThemeFamily(
|
|
60
|
+
settings?.data?.[DARK_THEME_KEY],
|
|
61
|
+
"dark",
|
|
62
|
+
);
|
|
63
|
+
|
|
64
|
+
setThemeFamilies({
|
|
65
|
+
light: nextLightThemeFamily,
|
|
66
|
+
dark: nextDarkThemeFamily,
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
if (typeof window !== "undefined") {
|
|
70
|
+
window.localStorage.setItem(getThemeFamilyStorageKey("light"), nextLightThemeFamily);
|
|
71
|
+
window.localStorage.setItem(getThemeFamilyStorageKey("dark"), nextDarkThemeFamily);
|
|
72
|
+
}
|
|
73
|
+
} catch (error) {
|
|
74
|
+
if (typeof window !== "undefined") {
|
|
75
|
+
const nextThemeMode = normalizeThemeMode(window.localStorage.getItem(THEME_MODE_STORAGE_KEY));
|
|
76
|
+
setThemeFamilies({
|
|
77
|
+
light: normalizeThemeFamily(window.localStorage.getItem(getThemeFamilyStorageKey("light")), "light"),
|
|
78
|
+
dark: normalizeThemeFamily(window.localStorage.getItem(getThemeFamilyStorageKey("dark")), "dark"),
|
|
79
|
+
});
|
|
80
|
+
setThemeMode(nextThemeMode);
|
|
81
|
+
}
|
|
82
|
+
console.error("[SolidThemeProvider] Failed to load theme settings", error);
|
|
83
|
+
}
|
|
84
|
+
}, [layoutContext]);
|
|
85
|
+
|
|
86
|
+
useEffect(() => {
|
|
87
|
+
const themeLink = document.getElementById("theme-css") as HTMLLinkElement | null;
|
|
88
|
+
if (!themeLink) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
themeLink.href = `/themes/${theme}/theme.css`;
|
|
93
|
+
}, [theme]);
|
|
94
|
+
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
const nextThemeMode = layoutContext?.themeMode === "dark" ? "dark" : "light";
|
|
97
|
+
setThemeMode((current) => (current === nextThemeMode ? current : nextThemeMode));
|
|
98
|
+
}, [layoutContext?.themeMode]);
|
|
99
|
+
|
|
100
|
+
useEffect(() => {
|
|
101
|
+
refreshThemeSettings();
|
|
102
|
+
const handler = () => refreshThemeSettings();
|
|
103
|
+
window.addEventListener(SOLID_SETTINGS_UPDATED_EVENT, handler);
|
|
104
|
+
return () => window.removeEventListener(SOLID_SETTINGS_UPDATED_EVENT, handler);
|
|
105
|
+
}, [refreshThemeSettings]);
|
|
106
|
+
|
|
107
|
+
return null;
|
|
26
108
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const CardGrid: ({ records, solidCardViewMetaData, editButtonUrl, recordClickAction, onDelete, onRecover, setLightboxUrls, setOpenLightbox, showArchived, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare const CardGrid: ({ records, solidCardViewMetaData, editButtonUrl, recordClickAction, onDelete, onRecover, setLightboxUrls, setOpenLightbox, showArchived, params, handleCustomButtonClick, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default CardGrid;
|
|
3
3
|
//# sourceMappingURL=CardGrid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,gLAYlB,GAAG,4CA+DL,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -20,7 +20,7 @@ var findCardNode = function (nodes) {
|
|
|
20
20
|
};
|
|
21
21
|
export var CardGrid = function (_a) {
|
|
22
22
|
var _b, _c, _d;
|
|
23
|
-
var records = _a.records, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, recordClickAction = _a.recordClickAction, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
|
|
23
|
+
var records = _a.records, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, recordClickAction = _a.recordClickAction, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived, params = _a.params, handleCustomButtonClick = _a.handleCustomButtonClick;
|
|
24
24
|
var cardNode = findCardNode(((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.children) || []);
|
|
25
25
|
var cardWidget = ((_d = cardNode === null || cardNode === void 0 ? void 0 : cardNode.attrs) === null || _d === void 0 ? void 0 : _d.cardWidget) || (cardNode === null || cardNode === void 0 ? void 0 : cardNode.cardWidget);
|
|
26
26
|
var DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;
|
|
@@ -36,7 +36,7 @@ export var CardGrid = function (_a) {
|
|
|
36
36
|
? "Register the widget in the extension registry or update the card metadata to point at a valid component."
|
|
37
37
|
: "Configure attrs.cardWidget on the card metadata so the grid can render each record." })] }) }));
|
|
38
38
|
}
|
|
39
|
-
return (_jsx("div", { className: "solid-card-view-grid", children: records.map(function (record) { return (_jsx(CardItem, { data: record, solidCardViewMetaData: solidCardViewMetaData, editButtonUrl: editButtonUrl, recordClickAction: recordClickAction, onDelete: onDelete, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onRecover: onRecover, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, showArchived: showArchived }, record.id)); }) }));
|
|
39
|
+
return (_jsx("div", { className: "solid-card-view-grid", children: records.map(function (record) { return (_jsx(CardItem, { data: record, solidCardViewMetaData: solidCardViewMetaData, editButtonUrl: editButtonUrl, recordClickAction: recordClickAction, onDelete: onDelete, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onRecover: onRecover, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, showArchived: showArchived, params: params, handleCustomButtonClick: handleCustomButtonClick }, record.id)); }) }));
|
|
40
40
|
};
|
|
41
41
|
export default CardGrid;
|
|
42
42
|
//# sourceMappingURL=CardGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardGrid.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":";AAAA,cAAc;AACd,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,IAAM,YAAY,GAAG,UAAC,KAAiB;IAAjB,sBAAA,EAAA,UAAiB;IACrC,KAAmB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE;QAArB,IAAM,IAAI,cAAA;QACb,IAAI,CAAC,IAAI;YAAE,SAAS;QACpB,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAAE,OAAO,IAAI,CAAC;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7D,IAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC/C,IAAI,UAAU;gBAAE,OAAO,UAAU,CAAC;SACnC;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"CardGrid.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport CardItem from \"./CardItem\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\nconst findCardNode = (nodes: any[] = []): any => {\n for (const node of nodes) {\n if (!node) continue;\n if (node.type === \"card\") return node;\n if (Array.isArray(node?.children) && node.children.length > 0) {\n const nestedCard = findCardNode(node.children);\n if (nestedCard) return nestedCard;\n }\n }\n\n return null;\n};\n\nexport const CardGrid = ({\n records,\n solidCardViewMetaData,\n editButtonUrl,\n recordClickAction,\n onDelete,\n onRecover,\n setLightboxUrls,\n setOpenLightbox,\n showArchived,\n params,\n handleCustomButtonClick,\n}: any) => {\n const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);\n const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;\n const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n const cardConfigurationIssue = !cardWidget\n ? { type: \"missing_widget_reference\" }\n : !DynamicCardWidget\n ? { type: \"missing_widget\", cardWidget }\n : null;\n\n if (cardConfigurationIssue) {\n return (\n <div className=\"solid-kanban-config-placeholder-container\">\n <div className=\"solid-kanban-config-placeholder-panel\">\n <div className=\"solid-kanban-config-placeholder-badge\">CARD CONFIGURATION</div>\n <div className=\"solid-kanban-config-placeholder-title\">\n {cardConfigurationIssue.type === \"missing_widget\"\n ? \"Card widget could not be resolved\"\n : \"Card widget is not configured\"}\n </div>\n <div className=\"solid-kanban-config-placeholder-description\">\n {cardConfigurationIssue.type === \"missing_widget\" ? (\n <>\n This card view references <code>{cardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n </>\n ) : (\n <>\n This card view does not define a <code>cardWidget</code> on the card node.\n </>\n )}\n </div>\n <div className=\"solid-kanban-config-placeholder-hint\">\n {cardConfigurationIssue.type === \"missing_widget\"\n ? \"Register the widget in the extension registry or update the card metadata to point at a valid component.\"\n : \"Configure attrs.cardWidget on the card metadata so the grid can render each record.\"}\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"solid-card-view-grid\">\n {records.map((record: any) => (\n <CardItem\n key={record.id}\n data={record}\n solidCardViewMetaData={solidCardViewMetaData}\n editButtonUrl={editButtonUrl}\n recordClickAction={recordClickAction}\n onDelete={onDelete}\n cardNode={cardNode}\n DynamicCardWidget={DynamicCardWidget}\n onRecover={onRecover}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n showArchived={showArchived}\n params={params}\n handleCustomButtonClick={handleCustomButtonClick}\n />\n ))}\n </div>\n );\n};\n\nexport default CardGrid;\n"]}
|
|
@@ -25,6 +25,8 @@ export const CardGrid = ({
|
|
|
25
25
|
setLightboxUrls,
|
|
26
26
|
setOpenLightbox,
|
|
27
27
|
showArchived,
|
|
28
|
+
params,
|
|
29
|
+
handleCustomButtonClick,
|
|
28
30
|
}: any) => {
|
|
29
31
|
const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);
|
|
30
32
|
const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;
|
|
@@ -82,6 +84,8 @@ export const CardGrid = ({
|
|
|
82
84
|
setLightboxUrls={setLightboxUrls}
|
|
83
85
|
setOpenLightbox={setOpenLightbox}
|
|
84
86
|
showArchived={showArchived}
|
|
87
|
+
params={params}
|
|
88
|
+
handleCustomButtonClick={handleCustomButtonClick}
|
|
85
89
|
/>
|
|
86
90
|
))}
|
|
87
91
|
</div>
|
|
@@ -11,6 +11,8 @@ interface CardItemProps {
|
|
|
11
11
|
setLightboxUrls?: any;
|
|
12
12
|
setOpenLightbox?: any;
|
|
13
13
|
showArchived?: boolean;
|
|
14
|
+
params?: any;
|
|
15
|
+
handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;
|
|
14
16
|
}
|
|
15
17
|
declare const CardItem: React.FC<CardItemProps>;
|
|
16
18
|
export default CardItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAClE;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -2,9 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useRouter } from "../../../hooks/useRouter";
|
|
3
3
|
import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
|
|
4
4
|
import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
|
|
5
|
+
import { SolidCollectionRowActionMenuItems } from "../common/SolidCollectionRowActionMenuItems";
|
|
5
6
|
var CardItem = function (_a) {
|
|
6
|
-
var _b, _c;
|
|
7
|
-
var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl,
|
|
7
|
+
var _b, _c, _d, _e, _f;
|
|
8
|
+
var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, _g = _a.recordClickAction, recordClickAction = _g === void 0 ? "edit" : _g, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived, params = _a.params, handleCustomButtonClick = _a.handleCustomButtonClick;
|
|
8
9
|
var router = useRouter();
|
|
9
10
|
var isArchivedRecord = (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined;
|
|
10
11
|
var openRecord = function () {
|
|
@@ -17,9 +18,9 @@ var CardItem = function (_a) {
|
|
|
17
18
|
if (isArchivedRecord)
|
|
18
19
|
return;
|
|
19
20
|
storeCurrentModelViewContext();
|
|
20
|
-
router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
|
|
21
|
+
router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id, "?viewMode=edit"));
|
|
21
22
|
};
|
|
22
|
-
return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null, onDelete && !isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null] })] }) }), DynamicCardWidget ? (_jsx("div", { style: isArchivedRecord ? { pointerEvents: "none" } : undefined, children: _jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((
|
|
23
|
+
return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null, onDelete && !isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null, !isArchivedRecord && handleCustomButtonClick ? (_jsx(SolidCollectionRowActionMenuItems, { buttons: (_d = (_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.rowButtons, params: params, rowData: data, solidViewMetaData: solidCardViewMetaData, handleCustomButtonClick: handleCustomButtonClick, showSeparator: true })) : null] })] }) }), DynamicCardWidget ? (_jsx("div", { style: isArchivedRecord ? { pointerEvents: "none" } : undefined, children: _jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_f = (_e = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _e === void 0 ? void 0 : _e.layout) === null || _f === void 0 ? void 0 : _f.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: isArchivedRecord ? undefined : setLightboxUrls, setOpenLightbox: isArchivedRecord ? undefined : setOpenLightbox, openRecord: openRecord, openEdit: openEdit }) })) : null] }) }));
|
|
23
24
|
};
|
|
24
25
|
export default CardItem;
|
|
25
26
|
//# sourceMappingURL=CardItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n SolidDropdownMenu,\n SolidDropdownMenuContent,\n SolidDropdownMenuItem,\n SolidDropdownMenuTrigger,\n SolidIcon,\n} from \"../../shad-cn-ui\";\nimport { SolidCollectionRowActionMenuItems } from \"../common/SolidCollectionRowActionMenuItems\";\n\ninterface CardItemProps {\n data: any;\n solidCardViewMetaData: any;\n editButtonUrl?: string;\n recordClickAction?: \"view\" | \"edit\";\n cardNode?: any;\n DynamicCardWidget?: any;\n onDelete?: (record: any) => void;\n onRecover?: (record: any) => void;\n setLightboxUrls?: any;\n setOpenLightbox?: any;\n showArchived?: boolean;\n params?: any;\n handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n data,\n solidCardViewMetaData,\n editButtonUrl,\n recordClickAction = \"edit\",\n cardNode,\n DynamicCardWidget,\n onDelete,\n onRecover,\n setLightboxUrls,\n setOpenLightbox,\n showArchived,\n params,\n handleCustomButtonClick,\n}) => {\n const router = useRouter();\n const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n const openRecord = () => {\n if (isArchivedRecord) return;\n storeCurrentModelViewContext();\n router.push(`${editButtonUrl}/${data?.id}?viewMode=${recordClickAction}`);\n };\n\n const openEdit = () => {\n if (isArchivedRecord) return;\n storeCurrentModelViewContext();\n router.push(`${editButtonUrl}/${data?.id}?viewMode=edit`);\n };\n\n return (\n <div className=\"solid-card-view-item\">\n <div\n className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n onClick={openRecord}\n style={{ cursor: isArchivedRecord ? \"default\" : \"pointer\" }}\n >\n <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n <SolidDropdownMenu>\n <SolidDropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n aria-label=\"Open card actions\"\n >\n <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n </button>\n </SolidDropdownMenuTrigger>\n <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n {!isArchivedRecord ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={openEdit}\n >\n <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Edit</span>\n </SolidDropdownMenuItem>\n ) : null}\n {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={() => onRecover(data)}\n >\n <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Recover</span>\n </SolidDropdownMenuItem>\n ) : null}\n {onDelete && !isArchivedRecord ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n onSelect={() => onDelete(data)}\n >\n <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Delete</span>\n </SolidDropdownMenuItem>\n ) : null}\n {!isArchivedRecord && handleCustomButtonClick ? (\n <SolidCollectionRowActionMenuItems\n buttons={solidCardViewMetaData?.solidView?.layout?.attrs?.rowButtons}\n params={params}\n rowData={data}\n solidViewMetaData={solidCardViewMetaData}\n handleCustomButtonClick={handleCustomButtonClick}\n showSeparator={true}\n />\n ) : null}\n </SolidDropdownMenuContent>\n </SolidDropdownMenu>\n </div>\n {DynamicCardWidget ? (\n <div style={isArchivedRecord ? { pointerEvents: \"none\" } : undefined}>\n <DynamicCardWidget\n rowData={data}\n solidKanbanViewMetaData={solidCardViewMetaData}\n solidView={solidCardViewMetaData?.solidView}\n solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n card={cardNode}\n layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n groupedView={false}\n editButtonUrl={editButtonUrl}\n setLightboxUrls={isArchivedRecord ? undefined : setLightboxUrls}\n setOpenLightbox={isArchivedRecord ? undefined : setOpenLightbox}\n openRecord={openRecord}\n openEdit={openEdit}\n />\n </div>\n ) : null}\n </div>\n </div>\n );\n};\n\nexport default CardItem;\n"]}
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
SolidDropdownMenuTrigger,
|
|
10
10
|
SolidIcon,
|
|
11
11
|
} from "../../shad-cn-ui";
|
|
12
|
+
import { SolidCollectionRowActionMenuItems } from "../common/SolidCollectionRowActionMenuItems";
|
|
12
13
|
|
|
13
14
|
interface CardItemProps {
|
|
14
15
|
data: any;
|
|
@@ -22,6 +23,8 @@ interface CardItemProps {
|
|
|
22
23
|
setLightboxUrls?: any;
|
|
23
24
|
setOpenLightbox?: any;
|
|
24
25
|
showArchived?: boolean;
|
|
26
|
+
params?: any;
|
|
27
|
+
handleCustomButtonClick?: (buttonAttrs: any, event: any) => void;
|
|
25
28
|
}
|
|
26
29
|
|
|
27
30
|
const CardItem: React.FC<CardItemProps> = ({
|
|
@@ -36,6 +39,8 @@ const CardItem: React.FC<CardItemProps> = ({
|
|
|
36
39
|
setLightboxUrls,
|
|
37
40
|
setOpenLightbox,
|
|
38
41
|
showArchived,
|
|
42
|
+
params,
|
|
43
|
+
handleCustomButtonClick,
|
|
39
44
|
}) => {
|
|
40
45
|
const router = useRouter();
|
|
41
46
|
const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;
|
|
@@ -49,7 +54,7 @@ const CardItem: React.FC<CardItemProps> = ({
|
|
|
49
54
|
const openEdit = () => {
|
|
50
55
|
if (isArchivedRecord) return;
|
|
51
56
|
storeCurrentModelViewContext();
|
|
52
|
-
router.push(`${editButtonUrl}/${data?.id}`);
|
|
57
|
+
router.push(`${editButtonUrl}/${data?.id}?viewMode=edit`);
|
|
53
58
|
};
|
|
54
59
|
|
|
55
60
|
return (
|
|
@@ -98,6 +103,16 @@ const CardItem: React.FC<CardItemProps> = ({
|
|
|
98
103
|
<span className="solid-header-action-button-label">Delete</span>
|
|
99
104
|
</SolidDropdownMenuItem>
|
|
100
105
|
) : null}
|
|
106
|
+
{!isArchivedRecord && handleCustomButtonClick ? (
|
|
107
|
+
<SolidCollectionRowActionMenuItems
|
|
108
|
+
buttons={solidCardViewMetaData?.solidView?.layout?.attrs?.rowButtons}
|
|
109
|
+
params={params}
|
|
110
|
+
rowData={data}
|
|
111
|
+
solidViewMetaData={solidCardViewMetaData}
|
|
112
|
+
handleCustomButtonClick={handleCustomButtonClick}
|
|
113
|
+
showSeparator={true}
|
|
114
|
+
/>
|
|
115
|
+
) : null}
|
|
101
116
|
</SolidDropdownMenuContent>
|
|
102
117
|
</SolidDropdownMenu>
|
|
103
118
|
</div>
|
|
@@ -1,8 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
type SolidCardViewParams = {
|
|
2
3
|
moduleName: string;
|
|
3
4
|
modelName: string;
|
|
4
5
|
embeded: boolean;
|
|
6
|
+
customFilter?: any;
|
|
5
7
|
};
|
|
6
|
-
|
|
8
|
+
type SolidCardFilterInput = {
|
|
9
|
+
custom_filter_predicate?: any;
|
|
10
|
+
search_predicate?: any;
|
|
11
|
+
saved_filter_predicate?: any;
|
|
12
|
+
predefined_search_predicate?: any;
|
|
13
|
+
};
|
|
14
|
+
export type SolidCardViewHandle = {
|
|
15
|
+
refresh: () => void;
|
|
16
|
+
clearFilters: () => void;
|
|
17
|
+
applyFilter: (filter: SolidCardFilterInput) => void;
|
|
18
|
+
getSavedFilters: () => any[];
|
|
19
|
+
applySavedFilter: (name: string, variables?: Record<string, any>) => boolean;
|
|
20
|
+
setPagination: (nextFirst: number, nextRows: number) => void;
|
|
21
|
+
setShowArchived: (value: boolean) => void;
|
|
22
|
+
getState: () => {
|
|
23
|
+
first: number;
|
|
24
|
+
rows: number;
|
|
25
|
+
showArchived: boolean;
|
|
26
|
+
filters: any;
|
|
27
|
+
filterPredicates: any;
|
|
28
|
+
cards: any[];
|
|
29
|
+
totalRecords: number;
|
|
30
|
+
loading: boolean;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export declare const SolidCardView: import("react").ForwardRefExoticComponent<SolidCardViewParams & import("react").RefAttributes<SolidCardViewHandle>>;
|
|
7
34
|
export {};
|
|
8
35
|
//# sourceMappingURL=SolidCardView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":";AA2CA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,uBAAuB,CAAC,EAAE,GAAG,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,MAAM,GAAG,EAAE,CAAC;IAC7B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;IAC7E,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,KAAK,EAAE,GAAG,EAAE,CAAC;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAgEF,eAAO,MAAM,aAAa,qHAwoBxB,CAAC"}
|