@uxf/data-grid 4.0.0-beta.6 → 4.0.0-beta.7
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 +4 -3
- package/README.md +8 -1
- package/package.json +1 -1
- package/tailwindui/components/badge.js +2 -2
- package/tailwindui/components/circle-button.d.ts +1 -0
- package/tailwindui/components/circle-button.js +4 -3
- package/tailwindui/components/filters-list.js +3 -3
- package/tailwindui/components/inputs/checkbox.js +3 -3
- package/tailwindui/components/inputs/select.js +4 -2
- package/tailwindui/components/inputs/switch.js +5 -3
- package/tailwindui/components/linear-progress.d.ts +2 -2
- package/tailwindui/components/linear-progress.js +5 -2
- package/tailwindui/components/select-row-checkbox.js +2 -2
- package/tailwindui/components/selected-rows-toolbar.d.ts +2 -0
- package/tailwindui/components/selected-rows-toolbar.js +33 -0
- package/tailwindui/components/tab.js +2 -2
- package/tailwindui/styles.css +13 -3
- package/tailwindui/ui.js +3 -1
- package/types.d.ts +15 -2
package/DataGrid.js
CHANGED
|
@@ -170,8 +170,8 @@ var DataGrid = function (props) {
|
|
|
170
170
|
}, [ui, state.error, state.loading]);
|
|
171
171
|
return (react_1.default.createElement(ui.Container, { mb: mb, mt: mt, ml: ml, mr: mr, mx: mx, my: my, m: m, noBorder: noBorder },
|
|
172
172
|
renderedToolbarPlugins.length > 0 && (react_1.default.createElement(ui.ToolbarContainer, { noBorder: noBorder }, renderedToolbarPlugins)),
|
|
173
|
+
react_1.default.createElement(ui.LinearProgress, { loading: !!state.loading }),
|
|
173
174
|
react_1.default.createElement(ui.FilterList, { dispatch: dispatch, onFilter: onFilter, filters: schema.filters, filtersData: state.request.f, FilterListItem: ui.FilterListItem, noBorder: noBorder }),
|
|
174
|
-
state.loading && react_1.default.createElement(ui.LinearProgress, null),
|
|
175
175
|
mounted && (react_1.default.createElement(react_data_grid_1.default, { style: {
|
|
176
176
|
border: 0,
|
|
177
177
|
borderRadius: 4,
|
|
@@ -188,7 +188,8 @@ var DataGrid = function (props) {
|
|
|
188
188
|
}, sortColumns: state.request.sort && state.request.dir
|
|
189
189
|
? [{ columnKey: state.request.sort, direction: state.request.dir.toUpperCase() }]
|
|
190
190
|
: [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: rowClass, rowKeyGetter: keyExtractor, selectedRows: selectedRows, onSelectedRowsChange: onChangeSelectedRows, components: components })),
|
|
191
|
-
react_1.default.createElement(ui.Pagination, { page: state.request.page, perPage: state.request.perPage, count: (_f = (_e = state.response) === null || _e === void 0 ? void 0 : _e.count) !== null && _f !== void 0 ? _f : 0, onChangePage: function (page) { return dispatch((0, actions_1.changePage)(page)); }, onChangeRowsPerPage: function (perPage) { return dispatch((0, actions_1.changePerPage)(perPage)); } })
|
|
191
|
+
react_1.default.createElement(ui.Pagination, { page: state.request.page, perPage: state.request.perPage, count: (_f = (_e = state.response) === null || _e === void 0 ? void 0 : _e.count) !== null && _f !== void 0 ? _f : 0, onChangePage: function (page) { return dispatch((0, actions_1.changePage)(page)); }, onChangeRowsPerPage: function (perPage) { return dispatch((0, actions_1.changePerPage)(perPage)); } }),
|
|
192
|
+
react_1.default.createElement(ui.SelectedRowsToolbar, { selectedRows: selectedRows, onChangeSelectedRows: onChangeSelectedRows, Actions: ui.SelectedRowsToolbarActions })));
|
|
192
193
|
};
|
|
193
194
|
exports.DataGrid = DataGrid;
|
|
194
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
195
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFGO0FBQ3JGLDJDQVd5QjtBQUN6QiwyQ0FBeUU7QUFFekUsaUNBQXNEO0FBQ3RELG9FQUE0QztBQUM1QywyQ0FBMEM7QUFFMUMsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBRTFGLElBQUEsRUFBRSxHQW9CRixLQUFLLEdBcEJILEVBQ0YsTUFBTSxHQW1CTixLQUFLLE9BbkJDLEVBQ04sS0FrQkEsS0FBSyxVQWxCUyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsS0FpQkEsS0FBSyxnQkFqQmUsRUFBcEIsZUFBZSxtQkFBRyxFQUFFLEtBQUEsRUFDcEIsUUFBUSxHQWdCUixLQUFLLFNBaEJHLEVBQ1IsUUFBUSxHQWVSLEtBQUssU0FmRyxFQUNSLFlBQVksR0FjWixLQUFLLGFBZE8sRUFDWixvQkFBb0IsR0FhcEIsS0FBSyxxQkFiZSxFQUNwQixLQVlBLEtBQUssYUFaNkIsRUFBbEMsWUFBWSxtQkFBRyxtQkFBbUIsS0FBQSxFQUNsQyxRQUFRLEdBV1IsS0FBSyxTQVhHLEVBQ1IsRUFBRSxHQVVGLEtBQUssR0FWSCxFQUNGLEVBQUUsR0FTRixLQUFLLEdBVEgsRUFDRixFQUFFLEdBUUYsS0FBSyxHQVJILEVBQ0YsRUFBRSxHQU9GLEtBQUssR0FQSCxFQUNGLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixFQUFFLEdBS0YsS0FBSyxHQUxILEVBQ0YsQ0FBQyxHQUlELEtBQUss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
|
package/README.md
CHANGED
|
@@ -27,6 +27,8 @@ const UI: UIComponents<any, any> = {
|
|
|
27
27
|
FilterListItem: TODO,
|
|
28
28
|
FilterList: TODO,
|
|
29
29
|
Pagination: TODO,
|
|
30
|
+
SelectRowCheckbox: TODO,
|
|
31
|
+
SelectedRowsToolbar: TODO,
|
|
30
32
|
}
|
|
31
33
|
|
|
32
34
|
const Page: React.FC = () => {
|
|
@@ -49,7 +51,12 @@ module.exports = {
|
|
|
49
51
|
"./node_modules/@uxf/data-grid/tailwindui/**/*.tsx" // přidat
|
|
50
52
|
],
|
|
51
53
|
theme: {
|
|
52
|
-
extend: {
|
|
54
|
+
extend: {
|
|
55
|
+
colors: {
|
|
56
|
+
dataGridPrimary: "#140939", // přidat
|
|
57
|
+
dataGridSecondary: "#FF4F06", // přidat
|
|
58
|
+
},
|
|
59
|
+
},
|
|
53
60
|
},
|
|
54
61
|
plugins: [
|
|
55
62
|
require("@tailwindcss/forms") // přidat
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@ exports.Badge = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Badge = function (props) {
|
|
9
9
|
var value = props.value, onClose = props.onClose;
|
|
10
|
-
return (react_1.default.createElement("span", { className: "inline-flex rounded-full items-center py-1 pl-
|
|
10
|
+
return (react_1.default.createElement("span", { className: "inline-flex rounded-full items-center py-1 pl-3.5 pr-2 text-sm font-medium bg-dataGridPrimary text-dataGridPrimary", style: { backgroundColor: "#e8e6eb" } },
|
|
11
11
|
value,
|
|
12
12
|
onClose && (react_1.default.createElement("button", { onClick: onClose, type: "button", title: "Smazat filtr", className: "flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none focus:bg-gray-500 focus:text-white" },
|
|
13
13
|
react_1.default.createElement("span", { className: "sr-only" }, "Smazat filtr"),
|
|
@@ -15,4 +15,4 @@ var Badge = function (props) {
|
|
|
15
15
|
react_1.default.createElement("path", { strokeLinecap: "round", strokeWidth: "1.5", d: "M1 1l6 6m0-6L1 7" }))))));
|
|
16
16
|
};
|
|
17
17
|
exports.Badge = Badge;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFFbEMsSUFBTSxLQUFLLEdBQXlELFVBQUEsS0FBSztJQUNwRSxJQUFBLEtBQUssR0FBYyxLQUFLLE1BQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ2pDLE9BQU8sQ0FDSCx3Q0FDSSxTQUFTLEVBQUMsb0hBQW9ILEVBQzlILEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUU7UUFFcEMsS0FBSztRQUNMLE9BQU8sSUFBSSxDQUNSLDBDQUNJLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBQyxRQUFRLEVBQ2IsS0FBSyxFQUFDLGNBQWMsRUFDcEIsU0FBUyxFQUFDLDZMQUE2TDtZQUV2TSx3Q0FBTSxTQUFTLEVBQUMsU0FBUyxtQkFBb0I7WUFDN0MsdUNBQUssU0FBUyxFQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsY0FBYyxFQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLFNBQVM7Z0JBQ3hFLHdDQUFNLGFBQWEsRUFBQyxPQUFPLEVBQUMsV0FBVyxFQUFDLEtBQUssRUFBQyxDQUFDLEVBQUMsa0JBQWtCLEdBQUcsQ0FDbkUsQ0FDRCxDQUNaLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsS0FBSyxTQXVCaEIifQ==
|
|
@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.CircleButton = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var CircleButton = function (props) {
|
|
9
|
-
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children;
|
|
10
|
-
return (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: "
|
|
9
|
+
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children, light = props.light;
|
|
10
|
+
return (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: (light ? "text-white hover:bg-gray-700 " : "text-gray-600 hover:bg-gray-200 ") +
|
|
11
|
+
("inline-flex items-center p-2 rounded-full bg-transparent focus:outline-none focus:ring-primary-500 " + className) }, children));
|
|
11
12
|
};
|
|
12
13
|
exports.CircleButton = CircleButton;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvY2lyY2xlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBV2xDLElBQU0sWUFBWSxHQUFnQyxVQUFBLEtBQUs7SUFDbEQsSUFBQSxLQUFvRCxLQUFLLFVBQTNDLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLEdBQTZCLEtBQUssUUFBbEMsRUFBRSxLQUFLLEdBQXNCLEtBQUssTUFBM0IsRUFBRSxRQUFRLEdBQVksS0FBSyxTQUFqQixFQUFFLEtBQUssR0FBSyxLQUFLLE1BQVYsQ0FBVztJQUNsRSxPQUFPLENBQ0gsMENBQ0ksT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxFQUFDLFFBQVEsRUFDYixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFDTCxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLGtDQUFrQyxDQUFDO2FBQzlFLHdHQUFzRyxTQUFXLENBQUEsSUFHcEgsUUFBUSxDQUNKLENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQWZXLFFBQUEsWUFBWSxnQkFldkIifQ==
|
|
@@ -15,9 +15,9 @@ var FiltersList = function (props) {
|
|
|
15
15
|
})
|
|
16
16
|
.filter(function (f) { return f !== null; });
|
|
17
17
|
if (renderedFilters.length === 0) {
|
|
18
|
-
return
|
|
18
|
+
return react_1.default.createElement("div", { className: "py-2" });
|
|
19
19
|
}
|
|
20
|
-
return react_1.default.createElement("div", { className: (noBorder ? "" : "px-2 ") + "
|
|
20
|
+
return react_1.default.createElement("div", { className: (noBorder ? "" : "px-2 ") + "pt-3 pb-4 flex flex-row space-x-2" }, renderedFilters);
|
|
21
21
|
};
|
|
22
22
|
exports.FiltersList = FiltersList;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9maWx0ZXJzLWxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLFdBQVcsR0FBd0IsVUFBQSxLQUFLO0lBQ3pDLElBQUEsT0FBTyxHQUFzRCxLQUFLLFFBQTNELEVBQUUsV0FBVyxHQUF5QyxLQUFLLFlBQTlDLEVBQUUsY0FBYyxHQUF5QixLQUFLLGVBQTlCLEVBQUUsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFM0UsSUFBTSxlQUFlLEdBQUcsT0FBTztTQUMxQixHQUFHLENBQUMsVUFBQSxDQUFDOztRQUNGLElBQU0sS0FBSyxHQUFHLE1BQUEsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLEVBQUUsSUFBSSxPQUFBLEVBQUUsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLElBQUksRUFBbEIsQ0FBa0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUUxRixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ2pCLDhCQUFDLGNBQWMsSUFBQyxHQUFHLEVBQUUsS0FBRyxDQUFDLENBQUMsSUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQ3BGLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNiLENBQUMsQ0FBQztTQUNELE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsS0FBSyxJQUFJLEVBQVYsQ0FBVSxDQUFDLENBQUM7SUFFN0IsSUFBSSxlQUFlLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUM5QixPQUFPLHVDQUFLLFNBQVMsRUFBQyxNQUFNLEdBQUcsQ0FBQztLQUNuQztJQUVELE9BQU8sdUNBQUssU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLG1DQUFtQyxJQUFHLGVBQWUsQ0FBTyxDQUFDO0FBQ3BILENBQUMsQ0FBQztBQWxCVyxRQUFBLFdBQVcsZUFrQnRCIn0=
|
|
@@ -7,8 +7,8 @@ exports.Checkbox = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Checkbox = function (props) {
|
|
9
9
|
var checked = props.checked, disabled = props.disabled, onChange = props.onChange, label = props.label, id = props.id;
|
|
10
|
-
var inputElement = (react_1.default.createElement("input", { id: id, type: "checkbox", className: (disabled ? "text-gray-400" : "text-
|
|
11
|
-
" focus:ring-
|
|
10
|
+
var inputElement = (react_1.default.createElement("input", { id: id, type: "checkbox", className: (disabled ? "text-gray-400" : "text-dataGridSecondary") +
|
|
11
|
+
" focus:ring-dataGridSecondary h-4 w-4 border-gray-300 rounded", disabled: disabled, checked: checked, onChange: function (e) { return onChange && onChange(e.target.checked); } }));
|
|
12
12
|
if (!label) {
|
|
13
13
|
return inputElement;
|
|
14
14
|
}
|
|
@@ -20,4 +20,4 @@ var Checkbox = function (props) {
|
|
|
20
20
|
react_1.default.createElement("label", { htmlFor: id, className: "font-medium text-gray-700" }, label)))));
|
|
21
21
|
};
|
|
22
22
|
exports.Checkbox = Checkbox;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2lucHV0cy9jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBVWxDLElBQU0sUUFBUSxHQUE0QixVQUFBLEtBQUs7SUFDMUMsSUFBQSxPQUFPLEdBQW9DLEtBQUssUUFBekMsRUFBRSxRQUFRLEdBQTBCLEtBQUssU0FBL0IsRUFBRSxRQUFRLEdBQWdCLEtBQUssU0FBckIsRUFBRSxLQUFLLEdBQVMsS0FBSyxNQUFkLEVBQUUsRUFBRSxHQUFLLEtBQUssR0FBVixDQUFXO0lBRXpELElBQU0sWUFBWSxHQUFHLENBQ2pCLHlDQUNJLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLFVBQVUsRUFDZixTQUFTLEVBQ0wsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUM7WUFDdkQsK0RBQStELEVBRW5FLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBdEMsQ0FBc0MsR0FDdkQsQ0FDTCxDQUFDO0lBRUYsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNSLE9BQU8sWUFBWSxDQUFDO0tBQ3ZCO0lBRUQsT0FBTyxDQUNIO1FBQ0ksMENBQVEsU0FBUyxFQUFDLFNBQVMsSUFBRSxLQUFLLENBQVU7UUFDNUMsdUNBQUssU0FBUyxFQUFDLDJCQUEyQjtZQUN0Qyx1Q0FBSyxTQUFTLEVBQUMsdUJBQXVCLElBQUUsWUFBWSxDQUFPO1lBQzNELHVDQUFLLFNBQVMsRUFBQyxjQUFjO2dCQUN6Qix5Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQywyQkFBMkIsSUFDcEQsS0FBSyxDQUNGLENBQ04sQ0FDSixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxDVyxRQUFBLFFBQVEsWUFrQ25CIn0=
|
|
@@ -7,7 +7,9 @@ exports.Select = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Select = function (props) {
|
|
9
9
|
var label = props.label, options = props.options, value = props.value, id = props.id, onChange = props.onChange, _a = props.className, className = _a === void 0 ? "" : _a;
|
|
10
|
-
var select = (react_1.default.createElement("select", { id: id, className: "block pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md " + className, onChange: function (e) { return onChange(e.target.value); }
|
|
10
|
+
var select = (react_1.default.createElement("select", { id: id, className: "block pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md " + className, onChange: function (e) { return onChange(e.target.value); }, value: value !== null && value !== void 0 ? value : "" },
|
|
11
|
+
react_1.default.createElement("option", { value: "" }, "Vyberte hodnotu"), options === null || options === void 0 ? void 0 :
|
|
12
|
+
options.map(function (o) { return (react_1.default.createElement("option", { key: o.id, value: o.id }, o.label)); })));
|
|
11
13
|
if (!label) {
|
|
12
14
|
return select;
|
|
13
15
|
}
|
|
@@ -16,4 +18,4 @@ var Select = function (props) {
|
|
|
16
18
|
select));
|
|
17
19
|
};
|
|
18
20
|
exports.Select = Select;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9pbnB1dHMvc2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFXbEMsSUFBTSxNQUFNLEdBQTBCLFVBQUEsS0FBSztJQUN0QyxJQUFBLEtBQUssR0FBbUQsS0FBSyxNQUF4RCxFQUFFLE9BQU8sR0FBMEMsS0FBSyxRQUEvQyxFQUFFLEtBQUssR0FBbUMsS0FBSyxNQUF4QyxFQUFFLEVBQUUsR0FBK0IsS0FBSyxHQUFwQyxFQUFFLFFBQVEsR0FBcUIsS0FBSyxTQUExQixFQUFFLEtBQW1CLEtBQUssVUFBVixFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLENBQVc7SUFFdEUsSUFBTSxNQUFNLEdBQUcsQ0FDWCwwQ0FDSSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSw0SUFBMEksU0FBVyxFQUNoSyxRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBeEIsQ0FBd0IsRUFDdkMsS0FBSyxFQUFFLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUU7UUFFbEIsMENBQVEsS0FBSyxFQUFDLEVBQUUsc0JBQXlCLEVBQ3hDLE9BQU8sYUFBUCxPQUFPO1FBQVAsT0FBTyxDQUFFLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ2YsMENBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxFQUFFLElBQ3pCLENBQUMsQ0FBQyxLQUFLLENBQ0gsQ0FDWixFQUprQixDQUlsQixDQUFDLENBQ0csQ0FDWixDQUFDO0lBRUYsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNSLE9BQU8sTUFBTSxDQUFDO0tBQ2pCO0lBRUQsT0FBTyxDQUNIO1FBQ0kseUNBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUMsOENBQThDLElBQ3ZFLEtBQUssQ0FDRjtRQUNQLE1BQU0sQ0FDTCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUEvQlcsUUFBQSxNQUFNLFVBK0JqQiJ9
|
|
@@ -8,12 +8,14 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var Switch = function (props) {
|
|
9
9
|
var value = props.value, label = props.label, onChange = props.onChange;
|
|
10
10
|
return (react_1.default.createElement("div", { className: "flex items-center" },
|
|
11
|
-
react_1.default.createElement("button", { type: "button", className: (value
|
|
12
|
-
"
|
|
11
|
+
react_1.default.createElement("button", { type: "button", className: (value
|
|
12
|
+
? "bg-dataGridSecondary focus:ring-dataGridSecondary "
|
|
13
|
+
: "bg-gray-200 focus:ring-dataGridSecondary ") +
|
|
14
|
+
" relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", role: "switch", "aria-checked": "false", "aria-labelledby": "annual-billing-label", onClick: function () { return onChange(!value); } },
|
|
13
15
|
react_1.default.createElement("span", { "aria-hidden": "true", className: (value ? "translate-x-5" : "translate-x-0") +
|
|
14
16
|
" pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200" })),
|
|
15
17
|
react_1.default.createElement("span", { className: "ml-3", id: "annual-billing-label" },
|
|
16
18
|
react_1.default.createElement("span", { className: "text-sm font-medium text-gray-900" }, label))));
|
|
17
19
|
};
|
|
18
20
|
exports.Switch = Switch;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9pbnB1dHMvc3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFRbEMsSUFBTSxNQUFNLEdBQTBCLFVBQUEsS0FBSztJQUN0QyxJQUFBLEtBQUssR0FBc0IsS0FBSyxNQUEzQixFQUFFLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBRXpDLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1CO1FBQzlCLDBDQUNJLElBQUksRUFBQyxRQUFRLEVBQ2IsU0FBUyxFQUNMLENBQUMsS0FBSztnQkFDRixDQUFDLENBQUMsb0RBQW9EO2dCQUN0RCxDQUFDLENBQUMsMkNBQTJDLENBQUM7Z0JBQ2xELHFNQUFxTSxFQUV6TSxJQUFJLEVBQUMsUUFBUSxrQkFDQSxPQUFPLHFCQUNKLHNCQUFzQixFQUN0QyxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQjtZQUUvQix1REFDZ0IsTUFBTSxFQUNsQixTQUFTLEVBQ0wsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDO29CQUMzQyw2SEFBNkgsR0FFbkksQ0FDRztRQUNULHdDQUFNLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFDLHNCQUFzQjtZQUM1Qyx3Q0FBTSxTQUFTLEVBQUMsbUNBQW1DLElBQUUsS0FBSyxDQUFRLENBQy9ELENBQ0wsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBL0JXLFFBQUEsTUFBTSxVQStCakIifQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const LinearProgress:
|
|
1
|
+
import { LinearProgressComponent } from "../../types";
|
|
2
|
+
export declare const LinearProgress: LinearProgressComponent;
|
|
@@ -5,6 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.LinearProgress = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var LinearProgress = function () {
|
|
8
|
+
var LinearProgress = function (props) {
|
|
9
|
+
var loading = props.loading;
|
|
10
|
+
return react_1.default.createElement("div", { className: "datagrid-linear-progress" + (loading ? " loading" : "") });
|
|
11
|
+
};
|
|
9
12
|
exports.LinearProgress = LinearProgress;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLXByb2dyZXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9saW5lYXItcHJvZ3Jlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLGNBQWMsR0FBNEIsVUFBQSxLQUFLO0lBQ2hELElBQUEsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQzFCLE9BQU8sdUNBQUssU0FBUyxFQUFFLDBCQUEwQixHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFJLENBQUM7QUFDeEYsQ0FBQyxDQUFDO0FBSFcsUUFBQSxjQUFjLGtCQUd6QiJ9
|
|
@@ -48,7 +48,7 @@ var SelectRowComponent = function (_a, ref) {
|
|
|
48
48
|
var handleChange = function (e) {
|
|
49
49
|
onChange(e.target.checked, e.nativeEvent.shiftKey);
|
|
50
50
|
};
|
|
51
|
-
return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "focus:ring-
|
|
51
|
+
return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "focus:ring-0 checked:bg-dataGridSecondary focus:checked:bg-dataGridSecondary active:bg-dataGridSecondary h-4 w-4 border-gray-300 rounded", ref: ref }, props, { onChange: handleChange })));
|
|
52
52
|
};
|
|
53
53
|
exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMEM7QUFHMUMsSUFBTSxrQkFBa0IsR0FBK0IsVUFBQyxFQUFzQixFQUFFLEdBQVE7SUFBOUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxLQUFLLGNBQXBCLFlBQXNCLENBQUY7SUFDeEUsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFzQztRQUN4RCxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUcsQ0FBQyxDQUFDLFdBQTBCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkUsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNILGtEQUNJLElBQUksRUFBQyxVQUFVLEVBQ2YsU0FBUyxFQUFDLDBJQUEwSSxFQUNwSixHQUFHLEVBQUUsR0FBRyxJQUNKLEtBQUssSUFDVCxRQUFRLEVBQUUsWUFBWSxJQUN4QixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFFVyxRQUFBLGlCQUFpQixHQUErQixJQUFBLGtCQUFVLEVBQUMsa0JBQXlCLENBQUMsQ0FBQyJ9
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SelectedRowsToolbar = void 0;
|
|
7
|
+
var circle_button_1 = require("./circle-button");
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var getText = function (count) {
|
|
10
|
+
if (count === 1) {
|
|
11
|
+
return "Vybrán 1 záznam";
|
|
12
|
+
}
|
|
13
|
+
if (count < 5) {
|
|
14
|
+
return "Vybr\u00E1ny " + count + " z\u00E1znamy";
|
|
15
|
+
}
|
|
16
|
+
return "Vybr\u00E1no " + count + " z\u00E1znam\u016F";
|
|
17
|
+
};
|
|
18
|
+
var SelectedRowsToolbar = function (props) {
|
|
19
|
+
var selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, Actions = props.Actions;
|
|
20
|
+
if (!onChangeSelectedRows || !selectedRows || selectedRows.size === 0) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
return (react_1.default.createElement("div", { className: "fixed bottom-8 left-0 right-0 flex flex-row justify-center items-center", style: { paddingLeft: 240 } },
|
|
24
|
+
react_1.default.createElement("div", { className: "text-white bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100" },
|
|
25
|
+
react_1.default.createElement("p", { className: "text-sm" }, getText(selectedRows.size)),
|
|
26
|
+
react_1.default.createElement("div", { className: "pl-4 space-x-2" },
|
|
27
|
+
Actions,
|
|
28
|
+
react_1.default.createElement(circle_button_1.CircleButton, { title: "Zru\u0161it v\u00FDb\u011Br", onClick: function () { return onChangeSelectedRows(new Set()); }, light: true },
|
|
29
|
+
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "white", strokeWidth: 2 },
|
|
30
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })))))));
|
|
31
|
+
};
|
|
32
|
+
exports.SelectedRowsToolbar = SelectedRowsToolbar;
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGlEQUErQztBQUMvQyxnREFBMEI7QUFHMUIsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLGtCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sa0JBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBb0MsS0FBSyxhQUF6QyxFQUFFLG9CQUFvQixHQUFjLEtBQUsscUJBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRTlELElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQyx5RUFBeUUsRUFDbkYsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRTtRQUUzQix1Q0FBSyxTQUFTLEVBQUMsNkhBQTZIO1lBQ3hJLHFDQUFHLFNBQVMsRUFBQyxTQUFTLElBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBSztZQUN2RCx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCO2dCQUMxQixPQUFPO2dCQUNSLDhCQUFDLDRCQUFZLElBQUMsS0FBSyxFQUFDLDZCQUFjLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEVBQS9CLENBQStCLEVBQUUsS0FBSztvQkFDcEYsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxPQUFPLEVBQ2QsV0FBVyxFQUFFLENBQUM7d0JBRWQsd0NBQU0sYUFBYSxFQUFDLE9BQU8sRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLENBQUMsRUFBQyxzQkFBc0IsR0FBRyxDQUM1RSxDQUNLLENBQ2IsQ0FDSixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhDVyxRQUFBLG1CQUFtQix1QkFnQzlCIn0=
|
|
@@ -8,9 +8,9 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var Tab = function (props) {
|
|
9
9
|
var title = props.title, active = props.active, onClick = props.onClick;
|
|
10
10
|
return (react_1.default.createElement("button", { className: (active
|
|
11
|
-
? "border-
|
|
11
|
+
? "border-dataGridPrimary text-dataGridPrimary "
|
|
12
12
|
: "border-transparent text-gray-500 hover:text-gray-700 ") +
|
|
13
13
|
"inline-flex items-center hover:text-gray-700 whitespace-nowrap py-1 px-1 border-b-2 font-medium text-sm", onClick: onClick }, title));
|
|
14
14
|
};
|
|
15
15
|
exports.Tab = Tab;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90YWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQUVsQyxJQUFNLEdBQUcsR0FBMEUsVUFBQSxLQUFLO0lBQ25GLElBQUEsS0FBSyxHQUFzQixLQUFLLE1BQTNCLEVBQUUsTUFBTSxHQUFjLEtBQUssT0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDekMsT0FBTyxDQUNILDBDQUNJLFNBQVMsRUFDTCxDQUFDLE1BQU07WUFDSCxDQUFDLENBQUMsOENBQThDO1lBQ2hELENBQUMsQ0FBQyx1REFBdUQsQ0FBQztZQUM5RCx5R0FBeUcsRUFFN0csT0FBTyxFQUFFLE9BQU8sSUFFZixLQUFLLENBQ0QsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxHQUFHLE9BZWQifQ==
|
package/tailwindui/styles.css
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
.rdg-header-row .rdg-cell {
|
|
15
15
|
border-right: 0;
|
|
16
16
|
box-shadow: none;
|
|
17
|
+
color: #252525;
|
|
17
18
|
}
|
|
18
19
|
.rdg-header-sort-name + span {
|
|
19
20
|
display: flex;
|
|
@@ -22,24 +23,33 @@
|
|
|
22
23
|
.rdg-cell.rdg-cell-frozen {
|
|
23
24
|
box-shadow: none;
|
|
24
25
|
}
|
|
26
|
+
.rdg-cell[aria-selected=true] {
|
|
27
|
+
outline-color: #FF4F06;
|
|
28
|
+
}
|
|
29
|
+
.rdg-row[aria-selected=true] {
|
|
30
|
+
background-color: rgba(255,79,6,0.05);
|
|
31
|
+
}
|
|
32
|
+
.rdg-row[aria-selected=true]:hover {
|
|
33
|
+
background-color: rgba(255,79,6,0.1);
|
|
34
|
+
}
|
|
25
35
|
.datagrid-linear-progress {
|
|
26
36
|
width: 100%;
|
|
27
37
|
height: 3px;
|
|
28
38
|
position: relative;
|
|
29
39
|
overflow: hidden;
|
|
30
|
-
background-color:
|
|
40
|
+
background-color: white;
|
|
31
41
|
-webkit-border-radius: 20px;
|
|
32
42
|
-moz-border-radius: 20px;
|
|
33
43
|
border-radius: 20px;
|
|
34
44
|
}
|
|
35
45
|
|
|
36
|
-
.datagrid-linear-progress:before {
|
|
46
|
+
.datagrid-linear-progress.loading:before {
|
|
37
47
|
content: "";
|
|
38
48
|
position: absolute;
|
|
39
49
|
left: -50%;
|
|
40
50
|
height: 3px;
|
|
41
51
|
width: 40%;
|
|
42
|
-
background-color:
|
|
52
|
+
background-color: #FF4F06;
|
|
43
53
|
-webkit-animation: datagridLineAnim 1s linear infinite;
|
|
44
54
|
-moz-animation: datagridLineAnim 1s linear infinite;
|
|
45
55
|
animation: datagridLineAnim 1s linear infinite;
|
package/tailwindui/ui.js
CHANGED
|
@@ -12,6 +12,7 @@ var filter_list_item_base_1 = require("./components/filter-list-item-base");
|
|
|
12
12
|
var filters_list_1 = require("./components/filters-list");
|
|
13
13
|
var pagination_1 = require("./components/pagination");
|
|
14
14
|
var select_row_checkbox_1 = require("./components/select-row-checkbox");
|
|
15
|
+
var selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
|
|
15
16
|
exports.UI = {
|
|
16
17
|
ActionCell: action_cell_base_1.ActionCellBase,
|
|
17
18
|
actionCellWidth: 100,
|
|
@@ -26,5 +27,6 @@ exports.UI = {
|
|
|
26
27
|
FilterList: filters_list_1.FiltersList,
|
|
27
28
|
Pagination: pagination_1.Pagination,
|
|
28
29
|
SelectRowCheckbox: select_row_checkbox_1.SelectRowCheckbox,
|
|
30
|
+
SelectedRowsToolbar: selected_rows_toolbar_1.SelectedRowsToolbar,
|
|
29
31
|
};
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQWtGO0FBQ2xGLDhEQUEyRDtBQUMzRCxrRUFBK0Q7QUFDL0QsZ0VBQThEO0FBQzlELG9FQUFrRTtBQUNsRSxvREFBbUQ7QUFDbkQsb0VBQWlFO0FBQ2pFLDRFQUF3RTtBQUN4RSwwREFBd0Q7QUFDeEQsc0RBQXFEO0FBQ3JELHdFQUFxRTtBQUNyRSw0RUFBeUU7QUFFNUQsUUFBQSxFQUFFLEdBQTJCO0lBQ3RDLFVBQVUsRUFBRSxpQ0FBYztJQUMxQixlQUFlLEVBQUUsR0FBRztJQUNwQixpQkFBaUIsRUFBRSxvQ0FBaUI7SUFDcEMsUUFBUSxFQUFFLDZCQUFZO0lBQ3RCLGNBQWMsRUFBRSxpQ0FBYztJQUM5QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsZ0JBQWdCLEVBQUUsb0NBQWdCO0lBQ2xDLFNBQVMsRUFBRSxxQkFBUztJQUNwQixXQUFXLEVBQUUsbUNBQWU7SUFDNUIsY0FBYyxFQUFFLDBDQUFrQjtJQUNsQyxVQUFVLEVBQUUsMEJBQVc7SUFDdkIsVUFBVSxFQUFFLHVCQUFVO0lBQ3RCLGlCQUFpQixFQUFFLHVDQUFpQjtJQUNwQyxtQkFBbUIsRUFBRSwyQ0FBbUI7Q0FDM0MsQ0FBQyJ9
|
package/types.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ export declare type BaseGridType = {
|
|
|
5
5
|
filters: any;
|
|
6
6
|
};
|
|
7
7
|
export declare type SortDirection = "asc" | "desc";
|
|
8
|
-
export declare type SelectableRows = "none" | "single" | "multiple";
|
|
9
8
|
export declare type ResultItem = any;
|
|
10
9
|
export declare type KeyExtractor = (row: ResultItem) => number;
|
|
11
10
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
@@ -37,8 +36,10 @@ export declare type UIComponents<GridType extends BaseGridType, R> = {
|
|
|
37
36
|
Pagination: PaginationComponent;
|
|
38
37
|
Container: ContainerComponent;
|
|
39
38
|
ToolbarContainer: ToolbarContainerComponent;
|
|
40
|
-
LinearProgress:
|
|
39
|
+
LinearProgress: LinearProgressComponent;
|
|
41
40
|
SelectRowCheckbox: SelectRowCheckboxComponent;
|
|
41
|
+
SelectedRowsToolbar: SelectedRowsToolbarComponent;
|
|
42
|
+
SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
|
|
42
43
|
} & ActionCellWithRequiredWidth<R>;
|
|
43
44
|
export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
44
45
|
schema: Schema<GridType>;
|
|
@@ -247,4 +248,16 @@ export declare type NoRowsFallbackComponent = React.FC<{
|
|
|
247
248
|
loading: boolean;
|
|
248
249
|
}>;
|
|
249
250
|
export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
|
|
251
|
+
export declare type LinearProgressComponent = React.FC<{
|
|
252
|
+
loading: boolean;
|
|
253
|
+
}>;
|
|
254
|
+
export declare type SelectedRowsToolbarActionsComponent = React.FC<{
|
|
255
|
+
selectedRows: Set<number>;
|
|
256
|
+
onChangeSelectedRows: (rows: Set<number>) => Set<number>;
|
|
257
|
+
}>;
|
|
258
|
+
export declare type SelectedRowsToolbarComponent = React.FC<{
|
|
259
|
+
selectedRows?: Set<number>;
|
|
260
|
+
onChangeSelectedRows?: (rows: Set<number>) => void;
|
|
261
|
+
Actions?: SelectedRowsToolbarActionsComponent;
|
|
262
|
+
}>;
|
|
250
263
|
export {};
|