@appcorp/app-corp-vista 0.2.94 → 0.2.96
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.
|
@@ -8,20 +8,21 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var vista_shimmer_v1_1 = require("../atoms/vista-shimmer-v1/vista-shimmer-v1");
|
|
9
9
|
var VistaStatsV2 = function (_a) {
|
|
10
10
|
var items = _a.items, containerClassName = _a.containerClassName, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b;
|
|
11
|
-
return (react_1.default.createElement("div", { className: "bg-gray-100 dark:bg-gray-900 rounded-lg
|
|
12
|
-
react_1.default.createElement("div", { className: "
|
|
13
|
-
.
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
react_1.default.createElement("
|
|
22
|
-
|
|
23
|
-
react_1.default.createElement("
|
|
24
|
-
|
|
25
|
-
|
|
11
|
+
return (react_1.default.createElement("div", { className: "bg-gray-100 dark:bg-gray-900 rounded-lg ".concat(containerClassName) },
|
|
12
|
+
react_1.default.createElement("div", { className: "mx-auto" },
|
|
13
|
+
react_1.default.createElement("div", { className: "grid grid-cols-1 gap-px sm:grid-cols-2 lg:grid-cols-4" }, items
|
|
14
|
+
.sort(function (a, b) { return a.order - b.order; })
|
|
15
|
+
.filter(function (_a) {
|
|
16
|
+
var enabled = _a.enabled;
|
|
17
|
+
return enabled;
|
|
18
|
+
})
|
|
19
|
+
.map(function (_a) {
|
|
20
|
+
var name = _a.name, unit = _a.unit, value = _a.value;
|
|
21
|
+
return (react_1.default.createElement("div", { key: name, className: "px-4 py-4 sm:px-6 lg:px-8" },
|
|
22
|
+
react_1.default.createElement("p", { className: "text-sm/6 font-medium text-gray-800 dark:text-gray-200" }, name),
|
|
23
|
+
isLoading ? (react_1.default.createElement(vista_shimmer_v1_1.VistaShimmerV1, null)) : (react_1.default.createElement("p", { className: "mt-2 flex items-baseline gap-x-2" },
|
|
24
|
+
react_1.default.createElement("span", { className: "text-4xl font-semibold tracking-tight text-primary dark:text-white" }, value),
|
|
25
|
+
unit && react_1.default.createElement("span", { className: "text-sm text-primary dark:text-gray-200" }, unit)))));
|
|
26
|
+
})))));
|
|
26
27
|
};
|
|
27
28
|
exports.VistaStatsV2 = VistaStatsV2;
|
|
@@ -98,11 +98,11 @@ var VistaTableBodyV1 = function (_a) {
|
|
|
98
98
|
!loading && tableBodyRows.length > 0 && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (row) {
|
|
99
99
|
var ref = (0, uuid_1.v4)();
|
|
100
100
|
return (react_1.default.createElement("tr", { key: ref, className: exports.rowClasses }, tableBodyCols.map(function (_a) {
|
|
101
|
-
var _b;
|
|
101
|
+
var _b, _c;
|
|
102
102
|
var key = _a.key, componentType = _a.componentType, expression = _a.expression;
|
|
103
103
|
var computedValue = '';
|
|
104
104
|
if (Array.isArray(key) && componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.OBJECT) {
|
|
105
|
-
computedValue = row[key[0]][key[1]];
|
|
105
|
+
computedValue = (_b = row[key[0]]) === null || _b === void 0 ? void 0 : _b[key[1]];
|
|
106
106
|
}
|
|
107
107
|
else if (Array.isArray(key) && componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES) {
|
|
108
108
|
if (expression) {
|
|
@@ -125,7 +125,7 @@ var VistaTableBodyV1 = function (_a) {
|
|
|
125
125
|
computedValue = row.id;
|
|
126
126
|
}
|
|
127
127
|
var reff = (0, uuid_1.v4)();
|
|
128
|
-
return (react_1.default.createElement(react_1.Fragment, { key: reff }, (
|
|
128
|
+
return (react_1.default.createElement(react_1.Fragment, { key: reff }, (_c = componentMap[componentType]) === null || _c === void 0 ? void 0 : _c.call(componentMap, computedValue, rowActions)));
|
|
129
129
|
})));
|
|
130
130
|
}))));
|
|
131
131
|
};
|