@appcorp/app-corp-vista 0.3.15 → 0.3.16
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.
|
@@ -2,7 +2,7 @@ import { FC } from 'react';
|
|
|
2
2
|
import { VistaTableV1Props } from '../../type/vista-table-type';
|
|
3
3
|
import 'react-photo-view/dist/react-photo-view.css';
|
|
4
4
|
export declare const TOOLTIP_OFFSET = -8;
|
|
5
|
-
export declare const rowClasses = "
|
|
5
|
+
export declare const rowClasses = "hover:bg-gray-200 dark:hover:bg-gray-800";
|
|
6
6
|
export declare const dataClasses = "p-2 cursor-pointer";
|
|
7
7
|
export declare const VistaTableBodyV1: FC<Pick<VistaTableV1Props, 'tableBodyRows' | 'tableBodyCols' | 'pageLimit' | 'loading' | 'rowActions'> & {
|
|
8
8
|
colLength: number;
|
|
@@ -50,7 +50,7 @@ require("react-photo-view/dist/react-photo-view.css");
|
|
|
50
50
|
var vista_badge_v1_1 = require("../../atoms/vista-badge-v1/vista-badge-v1");
|
|
51
51
|
var vista_badge_type_1 = require("../../type/vista-badge-type");
|
|
52
52
|
exports.TOOLTIP_OFFSET = -8;
|
|
53
|
-
exports.rowClasses = '
|
|
53
|
+
exports.rowClasses = 'hover:bg-gray-200 dark:hover:bg-gray-800';
|
|
54
54
|
exports.dataClasses = 'p-2 cursor-pointer';
|
|
55
55
|
var componentMap = (_a = {},
|
|
56
56
|
_a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.ID] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses, "data-tooltip-id": val },
|
|
@@ -10,7 +10,7 @@ var VistaTableHeadV1 = function (_a) {
|
|
|
10
10
|
var items = _a.items;
|
|
11
11
|
return (react_1.default.createElement("tr", null, items.map(function (_a) {
|
|
12
12
|
var label = _a.label, width = _a.width;
|
|
13
|
-
return (react_1.default.createElement("th", { className: "border-b border-gray-
|
|
13
|
+
return (react_1.default.createElement("th", { className: "border-b border-gray-500 p-2", key: label, scope: "col", style: { width: width } },
|
|
14
14
|
react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { label: label, isBold: true })));
|
|
15
15
|
})));
|
|
16
16
|
};
|
|
@@ -15,10 +15,10 @@ var VistaTableV1 = function (_a) {
|
|
|
15
15
|
return (react_1.default.createElement("div", null,
|
|
16
16
|
react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { handleSearchInput: handleSearchInput, handleSuffixOnClick: handleSuffixOnClick, headerActions: headerActions, searchDisabled: searchDisabled, searchEnabled: searchEnabled, searchId: searchId, searchPlaceholder: searchPlaceholder, searchValue: searchValue, tableDescription: tableDescription, tableHeading: tableHeading }),
|
|
17
17
|
react_1.default.createElement("div", { className: "mt-8 inline-block min-w-full py-2 align-middle" },
|
|
18
|
-
react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-
|
|
18
|
+
react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-500" },
|
|
19
19
|
react_1.default.createElement("thead", null,
|
|
20
20
|
react_1.default.createElement(vista_table_head_v1_1.VistaTableHeadV1, { items: tableHeadItems })),
|
|
21
|
-
react_1.default.createElement("tbody", { className: "divide-y divide-gray-
|
|
21
|
+
react_1.default.createElement("tbody", { className: "divide-y divide-gray-500 overflow-y-auto" },
|
|
22
22
|
react_1.default.createElement(vista_table_body_v1_1.VistaTableBodyV1, { colLength: tableHeadItems.length, loading: loading, pageLimit: pageLimit, rowActions: rowActions, tableBodyCols: tableBodyCols, tableBodyRows: tableBodyRows }))),
|
|
23
23
|
!loading && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.length) === 0 && (react_1.default.createElement("div", { className: "flex flex-row justify-center p-16" },
|
|
24
24
|
react_1.default.createElement(empty_table_1.EmptyTable, null))),
|