@uxf/data-grid 5.0.0-beta.13 → 5.0.0-beta.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/DataGrid.js
CHANGED
|
@@ -189,12 +189,12 @@ var DataGrid = function (props) {
|
|
|
189
189
|
react_1.default.createElement(Container, { noBorder: props.noBorder, className: props.className },
|
|
190
190
|
react_1.default.createElement(Toolbar, { noBorder: props.noBorder },
|
|
191
191
|
react_1.default.createElement(ToolbarTabs, { activeTab: state.request.tab, onChange: function (tab) { return dispatch(actions_1.dataGridActions.changeTab(tab)); }, schema: props.schema }),
|
|
192
|
-
react_1.default.createElement(ToolbarControl, { gridName: props.gridName, dispatch: dispatch, filterHandlers: props.ui.FilterHandlers, noBorder: props.noBorder, schema: props.schema, filtersData: state.request.f, fulltextValue: state.request.search, onFulltextChange: function (value) { return dispatch(actions_1.dataGridActions.search(value)); }, showFulltext: props.
|
|
192
|
+
react_1.default.createElement(ToolbarControl, { gridName: props.gridName, dispatch: dispatch, filterHandlers: props.ui.FilterHandlers, noBorder: props.noBorder, schema: props.schema, filtersData: state.request.f, fulltextValue: state.request.search, onFulltextChange: function (value) { return dispatch(actions_1.dataGridActions.search(value)); }, showFulltext: props.schema.fullText }),
|
|
193
193
|
react_1.default.createElement(ToolbarCustoms, { buttons: props.customActions })),
|
|
194
194
|
react_1.default.createElement(LinearProgress, { loading: !!state.loading }),
|
|
195
195
|
react_1.default.createElement(FilterList, { gridName: props.gridName, onFilter: onFilter, filters: props.schema.filters, filtersData: state.request.f, filterHandlers: props.ui.FilterHandlers, noBorder: props.noBorder }),
|
|
196
196
|
react_1.default.createElement(show_1.Show, { when: mounted },
|
|
197
|
-
react_1.default.createElement(react_data_grid_1.default, { style: reactDataGridStyles, className: "uxf-data-grid__table", columns: columns, rows: rows, enableVirtualization: false, onSortColumnsChange: onSortColumnChange, sortColumns: sortColumns, rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: props.rowClass, rowKeyGetter: (_e = props.keyExtractor) !== null && _e !== void 0 ? _e : defaultKeyExtractor, selectedRows: props.selectedRows, onSelectedRowsChange: props.onChangeSelectedRows, components: components })),
|
|
197
|
+
react_1.default.createElement(react_data_grid_1.default, { style: reactDataGridStyles, className: "uxf-data-grid__table ".concat(props.mode === "light" ? "rdg-light" : props.mode === "dark" ? "rdg-dark" : ""), columns: columns, rows: rows, enableVirtualization: false, onSortColumnsChange: onSortColumnChange, sortColumns: sortColumns, rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: props.rowClass, rowKeyGetter: (_e = props.keyExtractor) !== null && _e !== void 0 ? _e : defaultKeyExtractor, selectedRows: props.selectedRows, onSelectedRowsChange: props.onChangeSelectedRows, components: components })),
|
|
198
198
|
react_1.default.createElement(footer_1.Footer, { noBorder: props.noBorder },
|
|
199
199
|
react_1.default.createElement(PaginationRowsPerPageSelect, { value: state.request.perPage, onChange: function (value) { return dispatch(actions_1.dataGridActions.changePerPage(value)); } }),
|
|
200
200
|
react_1.default.createElement(PaginationCounts, { page: state.request.page, perPage: state.request.perPage, response: state.response }),
|
|
@@ -202,4 +202,4 @@ var DataGrid = function (props) {
|
|
|
202
202
|
react_1.default.createElement(SelectedRowsToolbar, { selectedRows: props.selectedRows, onChangeSelectedRows: props.onChangeSelectedRows, Actions: props.ui.SelectedRowsToolbarActions, reload: onReload })));
|
|
203
203
|
};
|
|
204
204
|
exports.DataGrid = DataGrid;
|
|
205
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
205
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFvRztBQUNwRywyQ0FBeUU7QUFFekUsaUNBQXNEO0FBQ3RELG9FQUE0RDtBQUM1RCxpREFBZ0Q7QUFDaEQseURBQXdEO0FBQ3hELDBDQUF5QztBQUN6QywyQ0FBa0Q7QUFFbEQsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBQzlGLElBQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLFNBQVMsbUNBQUksRUFBRSxDQUFDO0lBQ3hDLElBQU0sZUFBZSxHQUFHLE1BQUEsS0FBSyxDQUFDLGVBQWUsbUNBQUksRUFBRSxDQUFDO0lBRTlDLElBQUEsS0FjRixLQUFLLENBQUMsRUFBRSxFQWJSLGNBQWMsb0JBQUEsRUFDZCxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLGdCQUFnQixzQkFBQSxFQUNoQiwyQkFBMkIsaUNBQUEsRUFDM0IsbUJBQW1CLHlCQUFBLEVBQ25CLGNBQWMsb0JBQUEsRUFDZCxpQkFBaUIsdUJBQUEsRUFDakIsT0FBTyxhQUFBLEVBQ1AsY0FBYyxvQkFBQSxFQUNkLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUNILENBQUM7SUFFUCxJQUFBLEtBQUEsT0FBb0IsSUFBQSxrQkFBVSxFQUNoQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxzQkFBWSxDQUFDLENBQUMsQ0FBQyxpQkFBTyxFQUNwQyxJQUFBLHlCQUFlLEVB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
|
package/icons-config/index.js
CHANGED
|
@@ -2,12 +2,14 @@ const uiIcons = require("@uxf/ui/utils/icons-config");
|
|
|
2
2
|
|
|
3
3
|
/** @type {import('@uxf/icons-generator/types').Config['icons']} */
|
|
4
4
|
module.exports = {
|
|
5
|
+
caretDown: uiIcons.caretDown,
|
|
5
6
|
check: uiIcons.check,
|
|
6
7
|
chevronDown: uiIcons.chevronDown,
|
|
7
8
|
chevronsLeft: uiIcons.chevronsLeft,
|
|
8
9
|
chevronLeft: uiIcons.chevronLeft,
|
|
9
10
|
chevronsRight: uiIcons.chevronsRight,
|
|
10
11
|
chevronRight: uiIcons.chevronRight,
|
|
12
|
+
"ellipsis-vertical": uiIcons["ellipsis-vertical"],
|
|
11
13
|
xmarkLarge: uiIcons.xmarkLarge,
|
|
12
14
|
"circle-info": {
|
|
13
15
|
width: 512,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/data-grid",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.15",
|
|
4
4
|
"description": "Redux DataGrid",
|
|
5
5
|
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
6
|
"main": "index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@typescript-eslint/parser": "^5.11.0",
|
|
51
51
|
"@uxf/eslint-config": "^1.2.3",
|
|
52
52
|
"@uxf/icons-generator": "^1.3.0",
|
|
53
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
53
|
+
"@uxf/ui": "^1.0.0-beta.117",
|
|
54
54
|
"autoprefixer": "^10.4.13",
|
|
55
55
|
"babel-polyfill": "^6.26.0",
|
|
56
56
|
"dayjs": "^1.11.7",
|
|
@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ToolbarCustoms = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var button_1 = require("@uxf/ui/button");
|
|
9
|
+
var button_list_1 = require("@uxf/ui/button-list");
|
|
9
10
|
var ToolbarCustoms = function (props) {
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
if (!props.buttons) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs" },
|
|
15
|
+
react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs-mobile" }, props.buttons.length === 1 ? (react_1.default.createElement(button_1.Button, { href: props.buttons[0].href, onClick: props.buttons[0].onClick, size: "sm", variant: props.buttons[0].variant }, props.buttons[0].label)) : (react_1.default.createElement(button_list_1.ButtonList, { buttons: props.buttons, visibleButtonsCount: 1, size: "sm", openButton: { variant: "white" } }))),
|
|
16
|
+
react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs-desktop" }, props.buttons.map(function (button, index) { return (react_1.default.createElement(button_1.Button, { key: index, href: button.href, onClick: button.onClick, size: "sm", variant: button.variant }, button.label)); }))));
|
|
12
17
|
};
|
|
13
18
|
exports.ToolbarCustoms = ToolbarCustoms;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jdXN0b21zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWN1c3RvbXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQix5Q0FBd0M7QUFFeEMsbURBQWlEO0FBRTFDLElBQU0sY0FBYyxHQUE0QixVQUFBLEtBQUs7SUFDeEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7UUFDaEIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsZ0NBQWdDO1FBQzNDLHVDQUFLLFNBQVMsRUFBQyx1Q0FBdUMsSUFDakQsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUMxQiw4QkFBQyxlQUFNLElBQ0gsSUFBSSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUMzQixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQ2pDLElBQUksRUFBQyxJQUFJLEVBQ1QsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUVoQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FDbEIsQ0FDWixDQUFDLENBQUMsQ0FBQyxDQUNBLDhCQUFDLHdCQUFVLElBQ1AsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQ3RCLG1CQUFtQixFQUFFLENBQUMsRUFDdEIsSUFBSSxFQUFDLElBQUksRUFDVCxVQUFVLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQ2xDLENBQ0wsQ0FDQztRQUNOLHVDQUFLLFNBQVMsRUFBQyx3Q0FBd0MsSUFDbEQsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxNQUFNLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDbEMsOEJBQUMsZUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFDNUYsTUFBTSxDQUFDLEtBQUssQ0FDUixDQUNaLEVBSnFDLENBSXJDLENBQUMsQ0FDQSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5DVyxRQUFBLGNBQWMsa0JBbUN6QiJ9
|
|
@@ -7,10 +7,9 @@ exports.ToolbarTabs = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var show_1 = require("../show");
|
|
9
9
|
var utils_1 = require("../../utils");
|
|
10
|
-
var react_2 = require("@headlessui/react");
|
|
11
|
-
var dropdown_1 = require("@uxf/ui/dropdown");
|
|
12
10
|
var button_1 = require("@uxf/ui/button");
|
|
13
11
|
var icon_1 = require("@uxf/ui/icon");
|
|
12
|
+
var modal_service_1 = require("@uxf/ui/modal/modal-service");
|
|
14
13
|
function Tab(props) {
|
|
15
14
|
return (react_1.default.createElement("button", { className: (0, utils_1.cx)("uxf-data-grid__toolbar-tab", props.isActive && "is-active"), onClick: props.onClick }, props.title));
|
|
16
15
|
}
|
|
@@ -19,15 +18,19 @@ var ToolbarTabs = function (props) {
|
|
|
19
18
|
return (react_1.default.createElement(show_1.Show, { when: (_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.length },
|
|
20
19
|
react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs" },
|
|
21
20
|
react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--desktop", "aria-label": "Tabs" }, props.schema.tabs.map(function (t) { return (react_1.default.createElement(Tab, { key: t.name, title: t.label, isActive: props.activeTab === t.name, onClick: function () { return props.onChange(t.name); } })); })),
|
|
22
|
-
react_1.default.createElement(
|
|
23
|
-
react_1.default.createElement("
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
21
|
+
react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--mobile" },
|
|
22
|
+
react_1.default.createElement(button_1.Button, { variant: "text", className: "uxf-data-grid__toolbar-tabs-button", size: "sm", onClick: function () {
|
|
23
|
+
return (0, modal_service_1.openModal)({
|
|
24
|
+
children: (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs-modal-content" }, props.schema.tabs.map(function (item) { return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__toolbar-tabs-modal-button", key: item.name, variant: "text", size: "xl", onClick: function () {
|
|
25
|
+
props.onChange(item.name);
|
|
26
|
+
(0, modal_service_1.closeModal)();
|
|
27
|
+
} },
|
|
28
|
+
item.name === props.activeTab && (react_1.default.createElement(icon_1.Icon, { className: "uxf-data-grid__toolbar-tabs-modal-active-tab-icon", name: "check", size: 20 })),
|
|
29
|
+
react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-modal-button-text" }, item.label))); }))),
|
|
30
|
+
});
|
|
31
|
+
} },
|
|
32
|
+
react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-nav-text" }, (_b = props.schema.tabs.find(function (t) { return t.name === props.activeTab; })) === null || _b === void 0 ? void 0 : _b.label),
|
|
33
|
+
react_1.default.createElement(icon_1.Icon, { name: "caretDown", className: "uxf-data-grid__toolbar-tabs-button-icon", size: 16 }))))));
|
|
31
34
|
};
|
|
32
35
|
exports.ToolbarTabs = ToolbarTabs;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci10YWJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLXRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLGdEQUF5QztBQUN6QyxnQ0FBK0I7QUFDL0IscUNBQWlDO0FBQ2pDLHlDQUF3QztBQUN4QyxxQ0FBb0M7QUFDcEMsNkRBQW9FO0FBUXBFLFNBQVMsR0FBRyxDQUFDLEtBQWU7SUFDeEIsT0FBTyxDQUNILDBDQUFRLFNBQVMsRUFBRSxJQUFBLFVBQUUsRUFBQyw0QkFBNEIsRUFBRSxLQUFLLENBQUMsUUFBUSxJQUFJLFdBQVcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxJQUNyRyxLQUFLLENBQUMsS0FBSyxDQUNQLENBQ1osQ0FBQztBQUNOLENBQUM7QUFFTSxJQUFNLFdBQVcsR0FBeUIsVUFBQSxLQUFLOztJQUNsRCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSwwQ0FBRSxNQUFNO1FBQ2pDLHVDQUFLLFNBQVMsRUFBQyw2QkFBNkI7WUFDeEMsdUNBQ0ksU0FBUyxFQUFDLDBFQUEwRSxnQkFDekUsTUFBTSxJQUVoQixLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUN4Qiw4QkFBQyxHQUFHLElBQ0EsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1gsS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsUUFBUSxFQUFFLEtBQUssQ0FBQyxTQUFTLEtBQUssQ0FBQyxDQUFDLElBQUksRUFDcEMsT0FBTyxFQUFFLGNBQU0sT0FBQSxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBdEIsQ0FBc0IsR0FDdkMsQ0FDTCxFQVAyQixDQU8zQixDQUFDLENBQ0E7WUFDTix1Q0FBSyxTQUFTLEVBQUMseUVBQXlFO2dCQUNwRiw4QkFBQyxlQUFNLElBQ0gsT0FBTyxFQUFDLE1BQU0sRUFDZCxTQUFTLEVBQUMsb0NBQW9DLEVBQzlDLElBQUksRUFBQyxJQUFJLEVBQ1QsT0FBTyxFQUFFO3dCQUNMLE9BQUEsSUFBQSx5QkFBUyxFQUFDOzRCQUNOLFFBQVEsRUFBRSxDQUNOLHVDQUFLLFNBQVMsRUFBQywyQ0FBMkMsSUFDckQsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsQ0FDM0IsOEJBQUMsZUFBTSxJQUNILFNBQVMsRUFBQywwQ0FBMEMsRUFDcEQsR0FBRyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQ2QsT0FBTyxFQUFDLE1BQU0sRUFDZCxJQUFJLEVBQUMsSUFBSSxFQUNULE9BQU8sRUFBRTtvQ0FDTCxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztvQ0FDMUIsSUFBQSwwQkFBVSxHQUFFLENBQUM7Z0NBQ2pCLENBQUM7Z0NBRUEsSUFBSSxDQUFDLElBQUksS0FBSyxLQUFLLENBQUMsU0FBUyxJQUFJLENBQzlCLDhCQUFDLFdBQUksSUFDRCxTQUFTLEVBQUMsbURBQW1ELEVBQzdELElBQUksRUFBQyxPQUFPLEVBQ1osSUFBSSxFQUFFLEVBQUUsR0FDVixDQUNMO2dDQUNELHdDQUFNLFNBQVMsRUFBQywrQ0FBK0MsSUFDMUQsSUFBSSxDQUFDLEtBQUssQ0FDUixDQUNGLENBQ1osRUF0QjhCLENBc0I5QixDQUFDLENBQ0EsQ0FDVDt5QkFDSixDQUFDO29CQTVCRixDQTRCRTtvQkFHTix3Q0FBTSxTQUFTLEVBQUMsc0NBQXNDLElBQ2pELE1BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLElBQUksS0FBSyxLQUFLLENBQUMsU0FBUyxFQUExQixDQUEwQixDQUFDLDBDQUFFLEtBQUssQ0FDNUQ7b0JBQ1AsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsU0FBUyxFQUFDLHlDQUF5QyxFQUFDLElBQUksRUFBRSxFQUFFLEdBQUksQ0FDbEYsQ0FDUCxDQUNKLENBQ0gsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBL0RXLFFBQUEsV0FBVyxlQStEdEIifQ==
|
package/tailwindui/styles.css
CHANGED
|
@@ -5,10 +5,6 @@
|
|
|
5
5
|
@apply border-0;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
.uxf-icon {
|
|
9
|
-
@apply text-gray-400;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
8
|
&__action-cell {
|
|
13
9
|
@apply sticky right-0;
|
|
14
10
|
|
|
@@ -17,6 +13,10 @@
|
|
|
17
13
|
|
|
18
14
|
&__action-cell-wrapper {
|
|
19
15
|
@apply flex items-center justify-center text-center w-full h-full space-x-2;
|
|
16
|
+
|
|
17
|
+
.uxf-icon {
|
|
18
|
+
@apply text-gray-400;
|
|
19
|
+
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
&__body-cell {
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
left: -50%;
|
|
115
115
|
height: 3px;
|
|
116
116
|
width: 40%;
|
|
117
|
-
background-color:
|
|
117
|
+
background-color: theme("colors.dataGridSecondary");
|
|
118
118
|
-webkit-animation: datagridLineAnim 1s linear infinite;
|
|
119
119
|
-moz-animation: datagridLineAnim 1s linear infinite;
|
|
120
120
|
animation: datagridLineAnim 1s linear infinite;
|
|
@@ -133,11 +133,19 @@
|
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
&__plugin-fulltext {
|
|
136
|
-
@apply text-gray-400;
|
|
136
|
+
@apply text-gray-400 w-full sm:w-auto;
|
|
137
|
+
|
|
138
|
+
.uxf-icon {
|
|
139
|
+
@apply text-gray-400;
|
|
140
|
+
}
|
|
137
141
|
}
|
|
138
142
|
|
|
139
143
|
&__plugin-filter {
|
|
140
144
|
@apply shrink-0;
|
|
145
|
+
|
|
146
|
+
.uxf-icon {
|
|
147
|
+
@apply text-gray-400;
|
|
148
|
+
}
|
|
141
149
|
}
|
|
142
150
|
|
|
143
151
|
&__rows-per-page {
|
|
@@ -169,15 +177,11 @@
|
|
|
169
177
|
}
|
|
170
178
|
|
|
171
179
|
&__toolbar {
|
|
172
|
-
@apply flex items-center justify-end
|
|
173
|
-
|
|
174
|
-
.uxf-button {
|
|
175
|
-
@apply my-2;
|
|
176
|
-
}
|
|
180
|
+
@apply flex flex-wrap gap-2 items-center justify-end border-b border-b-gray-300 px-2 sm:pl-0 py-2 sm:py-0;
|
|
177
181
|
}
|
|
178
182
|
|
|
179
183
|
&__toolbar-tab {
|
|
180
|
-
@apply inline-flex items-center hover:text-gray-700 whitespace-nowrap
|
|
184
|
+
@apply inline-flex items-center hover:text-gray-700 whitespace-nowrap p-4 border-b-2 font-medium text-sm border-transparent text-gray-500 hover:text-gray-700;
|
|
181
185
|
|
|
182
186
|
&.is-active {
|
|
183
187
|
@apply border-dataGridPrimary text-dataGridPrimary;
|
|
@@ -197,34 +201,59 @@
|
|
|
197
201
|
}
|
|
198
202
|
|
|
199
203
|
&--mobile {
|
|
200
|
-
@apply flex items-center z-10;
|
|
204
|
+
@apply flex items-center z-10 w-max;
|
|
201
205
|
|
|
202
206
|
@media screen(sm) {
|
|
203
207
|
@apply hidden;
|
|
204
208
|
}
|
|
205
209
|
|
|
206
210
|
.uxf-data-grid__toolbar-tabs-button {
|
|
207
|
-
@apply m-0
|
|
211
|
+
@apply m-0 flex items-center;
|
|
208
212
|
|
|
209
213
|
&-icon {
|
|
210
|
-
@apply ml-
|
|
214
|
+
@apply ml-1 text-lightHigh;
|
|
211
215
|
}
|
|
212
216
|
}
|
|
213
217
|
}
|
|
218
|
+
|
|
219
|
+
&-text {
|
|
220
|
+
@apply text-lightHigh;
|
|
221
|
+
}
|
|
214
222
|
}
|
|
215
|
-
}
|
|
216
223
|
|
|
217
|
-
|
|
218
|
-
|
|
224
|
+
&-modal-content {
|
|
225
|
+
@apply flex flex-col items-start divide-y divide-lightBorder pb-4 pt-1 text-left;
|
|
226
|
+
}
|
|
219
227
|
|
|
220
|
-
|
|
221
|
-
@apply
|
|
228
|
+
&-modal-button {
|
|
229
|
+
@apply justify-start w-full;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
&-modal-button-text {
|
|
233
|
+
@apply text-lightHigh;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
&-modal-active-tab-icon {
|
|
237
|
+
@apply text-lightMedium mr-3;
|
|
222
238
|
}
|
|
223
239
|
}
|
|
224
|
-
}
|
|
225
240
|
|
|
241
|
+
&__toolbar-control {
|
|
242
|
+
@apply flex flex-row items-center justify-between gap-2 order-3 xs:order-2 w-full xs:w-auto;
|
|
243
|
+
}
|
|
226
244
|
|
|
245
|
+
&__toolbar-customs {
|
|
246
|
+
@apply flex flex-row items-center gap-2 order-2 xs:order-3 sm:my-2;
|
|
227
247
|
|
|
248
|
+
&-mobile {
|
|
249
|
+
@apply md:hidden;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
&-desktop {
|
|
253
|
+
@apply hidden md:block;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}
|
|
228
257
|
|
|
229
258
|
.rdg-cell.action {
|
|
230
259
|
text-align: right;
|
|
@@ -236,6 +265,7 @@
|
|
|
236
265
|
box-shadow: -3px 0 15px rgba(221, 221, 221, 0.5);
|
|
237
266
|
right: 0;
|
|
238
267
|
}
|
|
268
|
+
|
|
239
269
|
.rdg-header-row {
|
|
240
270
|
@apply bg-gray-200 text-gray-400 font-medium;
|
|
241
271
|
|
|
@@ -247,24 +277,42 @@
|
|
|
247
277
|
}
|
|
248
278
|
}
|
|
249
279
|
}
|
|
280
|
+
|
|
250
281
|
.rdg-header-sort-name + span {
|
|
251
282
|
display: flex;
|
|
252
283
|
align-items: center;
|
|
253
284
|
}
|
|
285
|
+
|
|
254
286
|
.rdg-cell {
|
|
255
287
|
border-inline-end: none;
|
|
256
288
|
}
|
|
289
|
+
|
|
257
290
|
.rdg-cell.rdg-cell-frozen {
|
|
258
291
|
box-shadow: none;
|
|
259
292
|
}
|
|
293
|
+
|
|
260
294
|
.rdg-cell[aria-selected=true] {
|
|
261
|
-
outline-color:
|
|
295
|
+
outline-color: theme("colors.gray.300");
|
|
262
296
|
}
|
|
297
|
+
|
|
263
298
|
.rdg-row[aria-selected=true] {
|
|
264
|
-
|
|
299
|
+
@apply bg-gray-100/75;
|
|
300
|
+
|
|
301
|
+
.uxf-data-grid__action-cell {
|
|
302
|
+
background-color: white;
|
|
303
|
+
}
|
|
265
304
|
}
|
|
305
|
+
|
|
306
|
+
.rdg-row:hover {
|
|
307
|
+
@apply bg-gray-50;
|
|
308
|
+
|
|
309
|
+
.uxf-data-grid__action-cell {
|
|
310
|
+
background-color: white;
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
|
|
266
314
|
.rdg-row[aria-selected=true]:hover {
|
|
267
|
-
|
|
315
|
+
@apply bg-gray-200/75;
|
|
268
316
|
}
|
|
269
317
|
|
|
270
318
|
@keyframes datagridLineAnim {
|
package/types/core.d.ts
CHANGED
|
@@ -67,7 +67,7 @@ export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
|
67
67
|
debug?: boolean;
|
|
68
68
|
className?: string;
|
|
69
69
|
customActions?: ToolbarCustomsProps["buttons"];
|
|
70
|
-
|
|
70
|
+
mode?: "light" | "dark";
|
|
71
71
|
};
|
|
72
72
|
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
73
73
|
ui: UIComponents<GridType, R>;
|