@uxf/data-grid 5.0.0-beta.4 → 5.0.0-beta.5
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 +2 -2
- package/icons-config/index.js +1 -0
- package/package.json +1 -1
- package/tailwindui/components/drawer.js +8 -4
- package/tailwindui/components/filter-list.js +1 -1
- package/tailwindui/components/toolbar-customs.js +2 -2
- package/tailwindui/filter-handler/index.js +3 -1
- package/tailwindui/filter-handler/interval-filter.d.ts +3 -0
- package/tailwindui/filter-handler/interval-filter.js +49 -0
- package/tailwindui/styles.css +2 -2
- package/types/components.d.ts +3 -2
package/DataGrid.js
CHANGED
|
@@ -198,8 +198,8 @@ var DataGrid = function (props) {
|
|
|
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 }),
|
|
201
|
-
react_1.default.createElement(Pagination, { count: state.response ? Math.ceil(state.response.count / state.request.perPage) : 1, page: state.request.page + 1, onPageChange: function (value) { return dispatch(actions_1.dataGridActions.changePage(value - 1)); } }))),
|
|
201
|
+
react_1.default.createElement(Pagination, { count: state.response ? Math.max(Math.ceil(state.response.count / state.request.perPage), 1) : 1, page: state.request.page + 1, onPageChange: function (value) { return dispatch(actions_1.dataGridActions.changePage(value - 1)); } }))),
|
|
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
package/package.json
CHANGED
|
@@ -5,18 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Drawer = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
9
|
+
var button_1 = require("@uxf/ui/button");
|
|
8
10
|
var Drawer = function (props) {
|
|
9
11
|
var title = props.title, open = props.open, onClose = props.onClose, children = props.children;
|
|
10
12
|
return (react_1.default.createElement("main", { className: " fixed overflow-hidden z-10 bg-gray-900 bg-opacity-25 inset-0 transform ease-in-out " +
|
|
11
13
|
(open
|
|
12
14
|
? " transition-opacity opacity-100 duration-500 translate-x-0 "
|
|
13
15
|
: " transition-all delay-500 opacity-0 translate-x-full ") },
|
|
14
|
-
react_1.default.createElement("section", { className: " w-
|
|
16
|
+
react_1.default.createElement("section", { className: " w-11/12 max-w-sm right-0 absolute bg-white h-full shadow-xl delay-400 duration-500 ease-in-out transition-all transform " +
|
|
15
17
|
(open ? " translate-x-0 " : " translate-x-full ") },
|
|
16
|
-
react_1.default.createElement("article", { className: "relative w-
|
|
17
|
-
react_1.default.createElement("
|
|
18
|
+
react_1.default.createElement("article", { className: "relative w-full max-w-sm pb-10 flex flex-col overflow-y-scroll h-full" },
|
|
19
|
+
react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onClose, variant: "text", className: "ml-auto !mt-4 mr-4" },
|
|
20
|
+
react_1.default.createElement(icon_1.Icon, { name: "xmarkLarge" })),
|
|
21
|
+
react_1.default.createElement("header", { className: "p-4 pt-8 font-bold text-lg" }, title),
|
|
18
22
|
react_1.default.createElement("div", { className: "p-4" }, children))),
|
|
19
23
|
react_1.default.createElement("section", { className: "w-screen h-full cursor-pointer ", onClick: onClose })));
|
|
20
24
|
};
|
|
21
25
|
exports.Drawer = Drawer;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQUN6QyxxQ0FBa0M7QUFDbEMseUNBQXNDO0FBUy9CLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQThCLEtBQUssTUFBbkMsRUFBRSxJQUFJLEdBQXdCLEtBQUssS0FBN0IsRUFBRSxPQUFPLEdBQWUsS0FBSyxRQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUNqRCxPQUFPLENBQ0gsd0NBQ0ksU0FBUyxFQUNMLHNGQUFzRjtZQUN0RixDQUFDLElBQUk7Z0JBQ0QsQ0FBQyxDQUFDLDhEQUE4RDtnQkFDaEUsQ0FBQyxDQUFDLHdEQUF3RCxDQUFDO1FBR25FLDJDQUNJLFNBQVMsRUFDTCw0SEFBNEg7Z0JBQzVILENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUM7WUFHckQsMkNBQVMsU0FBUyxFQUFDLHVFQUF1RTtnQkFDdEYsOEJBQUMsZUFBTSxJQUFDLFlBQVksUUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFDLG9CQUFvQjtvQkFBQyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLFlBQVksR0FBRyxDQUFTO2dCQUN4SCwwQ0FBUSxTQUFTLEVBQUMsNEJBQTRCLElBQUUsS0FBSyxDQUFVO2dCQUMvRCx1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUMvQixDQUNKO1FBQ1YsMkNBQVMsU0FBUyxFQUFDLGlDQUFpQyxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEUsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsTUFBTSxVQTBCakIifQ==
|
|
@@ -16,7 +16,7 @@ var FilterList = function (props) {
|
|
|
16
16
|
if (!filter) {
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
|
-
var FilterListItem = (_a = props.filterHandlers[filter.
|
|
19
|
+
var FilterListItem = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.listItem;
|
|
20
20
|
if (!FilterListItem) {
|
|
21
21
|
return null;
|
|
22
22
|
}
|
|
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var button_1 = require("@uxf/ui/button");
|
|
9
9
|
var ToolbarCustoms = function (props) {
|
|
10
10
|
var _a;
|
|
11
|
-
return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" }, (_a = props.buttons) === null || _a === void 0 ? void 0 : _a.map(function (button, index) { return (react_1.default.createElement(button_1.Button, { key: index, href: button.href, onClick: button.onClick, size: "sm", variant:
|
|
11
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" }, (_a = props.buttons) === null || _a === void 0 ? void 0 : _a.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
12
|
};
|
|
13
13
|
exports.ToolbarCustoms = ToolbarCustoms;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jdXN0b21zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWN1c3RvbXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQix5Q0FBd0M7QUFHakMsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSzs7SUFDeEQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxnQ0FBZ0MsSUFDMUMsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxHQUFHLENBQUMsVUFBQyxNQUFNLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDbkMsOEJBQUMsZUFBTSxJQUNILEdBQUcsRUFBRSxLQUFLLEVBQ1YsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2pCLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxFQUN2QixJQUFJLEVBQUMsSUFBSSxFQUNULE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxJQUV0QixNQUFNLENBQUMsS0FBSyxDQUNSLENBQ1osRUFWc0MsQ0FVdEMsQ0FBQyxDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhCVyxRQUFBLGNBQWMsa0JBZ0J6QiJ9
|
|
@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.defaultFilterHandlers = void 0;
|
|
7
7
|
var text_filter_1 = __importDefault(require("./text-filter"));
|
|
8
8
|
var boolean_filter_1 = __importDefault(require("./boolean-filter"));
|
|
9
|
+
var interval_filter_1 = __importDefault(require("./interval-filter"));
|
|
9
10
|
exports.defaultFilterHandlers = {
|
|
10
11
|
text: text_filter_1.default,
|
|
11
12
|
boolean: boolean_filter_1.default,
|
|
13
|
+
interval: interval_filter_1.default,
|
|
12
14
|
};
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSw4REFBaUM7QUFDakMsb0VBQXVDO0FBQ3ZDLHNFQUF5QztBQUU1QixRQUFBLHFCQUFxQixHQUFtQjtJQUNqRCxJQUFJLHVCQUFBO0lBQ0osT0FBTywwQkFBQTtJQUNQLFFBQVEsMkJBQUE7Q0FDWCxDQUFDIn0=
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var chip_1 = require("@uxf/ui/chip");
|
|
19
|
+
var text_input_1 = require("@uxf/ui/text-input");
|
|
20
|
+
var IntervalFilterHandler = {
|
|
21
|
+
input: function (props) {
|
|
22
|
+
var initializedValue = props.value.value &&
|
|
23
|
+
typeof props.value.value.from !== "undefined" &&
|
|
24
|
+
typeof props.value.value.to !== "undefined"
|
|
25
|
+
? props.value
|
|
26
|
+
: { name: props.filter.name, value: { from: null, to: null } };
|
|
27
|
+
return (react_1.default.createElement("div", { key: props.filter.name },
|
|
28
|
+
react_1.default.createElement("div", { className: "gap-4 grid grid-cols-2" },
|
|
29
|
+
react_1.default.createElement(text_input_1.TextInput, { label: "".concat(props.filter.label, " od:"), value: props.value.value ? props.value.value.from : null, onChange: function (val) {
|
|
30
|
+
return props.onFilter(__assign(__assign({}, initializedValue), { value: __assign(__assign({}, initializedValue.value), { from: val ? parseInt(val, 10) : null }) }));
|
|
31
|
+
} }),
|
|
32
|
+
react_1.default.createElement(text_input_1.TextInput, { label: "".concat(props.filter.label, " do:"), value: props.value.value ? props.value.value.to : null, onChange: function (val) {
|
|
33
|
+
return props.onFilter(__assign(__assign({}, initializedValue), { value: __assign(__assign({}, initializedValue.value), { to: val ? parseInt(val, 10) : null }) }));
|
|
34
|
+
} }))));
|
|
35
|
+
},
|
|
36
|
+
listItem: function (props) {
|
|
37
|
+
if (!props.value.value) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
var _a = props.value.value, from = _a.from, to = _a.to;
|
|
41
|
+
var formatInterval = [from ? "od " + from : "", to ? "do " + to : ""];
|
|
42
|
+
return from || to ? (react_1.default.createElement(chip_1.Chip, { onClose: function () { return props.onFilter(__assign(__assign({}, props.value), { value: undefined })); } },
|
|
43
|
+
props.filter.label,
|
|
44
|
+
" ",
|
|
45
|
+
formatInterval.filter(function (i) { return !!i; }).join(" "))) : null;
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
exports.default = IntervalFilterHandler;
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJ2YWwtZmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvZmlsdGVyLWhhbmRsZXIvaW50ZXJ2YWwtZmlsdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHFDQUFvQztBQUNwQyxpREFBK0M7QUFFL0MsSUFBTSxxQkFBcUIsR0FBa0I7SUFDekMsS0FBSyxFQUFFLFVBQUEsS0FBSztRQUNSLElBQU0sZ0JBQWdCLEdBQ2xCLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSztZQUNqQixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxXQUFXO1lBQzdDLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLFdBQVc7WUFDdkMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLO1lBQ2IsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUM7UUFFdkUsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUk7WUFDdkIsdUNBQUssU0FBUyxFQUFDLHdCQUF3QjtnQkFDbkMsOEJBQUMsc0JBQVMsSUFDTixLQUFLLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssU0FBTSxFQUNsQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUN4RCxRQUFRLEVBQUUsVUFBQSxHQUFHO3dCQUNULE9BQU8sS0FBSyxDQUFDLFFBQVEsdUJBQ2QsZ0JBQWdCLEtBQ25CLEtBQUssd0JBQ0UsZ0JBQWdCLENBQUMsS0FBSyxLQUN6QixJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLE9BRTFDLENBQUM7b0JBQ1AsQ0FBQyxHQUNIO2dCQUNGLDhCQUFDLHNCQUFTLElBQ04sS0FBSyxFQUFFLFVBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLFNBQU0sRUFDbEMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDdEQsUUFBUSxFQUFFLFVBQUEsR0FBRzt3QkFDVCxPQUFPLEtBQUssQ0FBQyxRQUFRLHVCQUNkLGdCQUFnQixLQUNuQixLQUFLLHdCQUNFLGdCQUFnQixDQUFDLEtBQUssS0FDekIsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxPQUV4QyxDQUFDO29CQUNQLENBQUMsR0FDSCxDQUNBLENBQ0osQ0FDVCxDQUFDO0lBQ04sQ0FBQztJQUNELFFBQVEsRUFBRSxVQUFBLEtBQUs7UUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7WUFDcEIsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUVLLElBQUEsS0FBZSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBOUIsSUFBSSxVQUFBLEVBQUUsRUFBRSxRQUFzQixDQUFDO1FBQ3ZDLElBQU0sY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV4RSxPQUFPLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQ2hCLDhCQUFDLFdBQUksSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLHVCQUFNLEtBQUssQ0FBQyxLQUFLLEtBQUUsS0FBSyxFQUFFLFNBQVMsSUFBRyxFQUFwRCxDQUFvRDtZQUNwRSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUs7O1lBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLEVBQUgsQ0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUM1RCxDQUNWLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNiLENBQUM7Q0FDSixDQUFDO0FBRUYsa0JBQWUscUJBQXFCLENBQUMifQ==
|
package/tailwindui/styles.css
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&__footer {
|
|
39
|
-
@apply flex items-center justify-end p-2 gap-4;
|
|
39
|
+
@apply flex flex-wrap items-center justify-end p-2 gap-4;
|
|
40
40
|
|
|
41
41
|
&.no-border {
|
|
42
42
|
@apply px-0;
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
&__rows-per-page {
|
|
82
|
-
@apply flex gap-2 text-sm text-gray-700 items-center text-lightLow;
|
|
82
|
+
@apply flex flex-wrap gap-2 text-sm text-gray-700 items-center text-lightLow;
|
|
83
83
|
|
|
84
84
|
.uxf-select {
|
|
85
85
|
@apply w-28;
|
package/types/components.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentType, FC, ReactNode } from "react";
|
|
1
|
+
import React, { ComponentType, FC, ReactElement, ReactNode } from "react";
|
|
2
2
|
import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
|
|
3
3
|
import { RequestFilter, Response } from "./api";
|
|
4
4
|
import { PaginationProps } from "@uxf/ui/pagination/pagination";
|
|
@@ -166,9 +166,10 @@ export declare type ToolbarControlComponent = React.FC<ToolbarControlProps>;
|
|
|
166
166
|
*/
|
|
167
167
|
export interface ToolbarCustomsProps {
|
|
168
168
|
buttons?: {
|
|
169
|
-
label: string;
|
|
169
|
+
label: string | ReactElement;
|
|
170
170
|
onClick?: () => void;
|
|
171
171
|
href?: string;
|
|
172
|
+
variant?: "default" | "outlined" | "text";
|
|
172
173
|
}[];
|
|
173
174
|
}
|
|
174
175
|
export declare type ToolbarCustomsComponent = React.FC<ToolbarCustomsProps>;
|