@uxf/data-grid 4.0.0 → 5.0.0-beta.2
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 +52 -51
- package/{useCallbackRef.d.ts → hooks/useCallbackRef.d.ts} +1 -1
- package/{useCallbackRef.js → hooks/useCallbackRef.js} +1 -1
- package/{useColumns.d.ts → hooks/useColumns.d.ts} +1 -1
- package/hooks/useColumns.js +117 -0
- package/icons.config.js +14 -0
- package/index.d.ts +1 -1
- package/index.js +7 -3
- package/package.json +18 -17
- package/store/actions.d.ts +43 -41
- package/store/actions.js +46 -48
- package/store/reducer.d.ts +1 -1
- package/store/reducer.js +2 -2
- package/tailwindui/DataGrid.d.ts +1 -2
- package/tailwindui/DataGrid.js +8 -16
- package/tailwindui/body-cell/body-cell-boolean.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-boolean.js +16 -0
- package/tailwindui/body-cell/body-cell-default.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-default.js +18 -0
- package/tailwindui/body-cell/index.d.ts +2 -0
- package/tailwindui/body-cell/index.js +10 -0
- package/tailwindui/components/action-cell-base.d.ts +2 -2
- package/tailwindui/components/action-cell-base.js +20 -22
- package/tailwindui/components/container.js +4 -10
- package/tailwindui/components/drawer.js +2 -2
- package/tailwindui/components/filter-list.d.ts +2 -0
- package/tailwindui/components/filter-list.js +32 -0
- package/tailwindui/components/footer.d.ts +2 -0
- package/tailwindui/components/footer.js +13 -0
- package/tailwindui/components/linear-progress.js +4 -2
- package/tailwindui/components/no-rows-fallback.js +6 -3
- package/tailwindui/components/pagination-counts.d.ts +2 -0
- package/tailwindui/components/pagination-counts.js +19 -0
- package/tailwindui/components/pagination-rows-per-page-select.d.ts +2 -0
- package/tailwindui/components/pagination-rows-per-page-select.js +21 -0
- package/tailwindui/components/select-row-checkbox.js +6 -2
- package/tailwindui/components/selected-rows-toolbar.js +7 -9
- package/tailwindui/components/toolbar-control.d.ts +2 -0
- package/tailwindui/components/toolbar-control.js +82 -0
- package/tailwindui/components/toolbar-customs.d.ts +2 -0
- package/tailwindui/components/toolbar-customs.js +14 -0
- package/tailwindui/components/toolbar-tabs.d.ts +2 -0
- package/tailwindui/components/toolbar-tabs.js +20 -0
- package/tailwindui/components/toolbar.d.ts +2 -0
- package/tailwindui/components/toolbar.js +14 -0
- package/tailwindui/filter-handler/boolean-filter.d.ts +3 -0
- package/tailwindui/filter-handler/boolean-filter.js +29 -0
- package/tailwindui/filter-handler/index.d.ts +2 -0
- package/tailwindui/filter-handler/index.js +13 -0
- package/tailwindui/filter-handler/text-filter.d.ts +3 -0
- package/tailwindui/filter-handler/text-filter.js +36 -0
- package/tailwindui/index.d.ts +0 -4
- package/tailwindui/index.js +6 -6
- package/tailwindui/show.d.ts +7 -0
- package/tailwindui/show.js +35 -0
- package/tailwindui/styles.css +129 -31
- package/tailwindui/ui.js +23 -16
- package/types/api.d.ts +22 -0
- package/{types.js → types/api.js} +1 -1
- package/types/components.d.ts +178 -0
- package/types/components.js +3 -0
- package/types/core.d.ts +74 -0
- package/types/core.js +3 -0
- package/types/index.d.ts +5 -0
- package/types/index.js +22 -0
- package/types/schema.d.ts +48 -0
- package/types/schema.js +3 -0
- package/types/state.d.ts +21 -0
- package/types/state.js +3 -0
- package/utils.d.ts +3 -0
- package/utils.js +57 -2
- package/tailwindui/components/badge.d.ts +0 -5
- package/tailwindui/components/badge.js +0 -18
- package/tailwindui/components/body-cell-base.d.ts +0 -2
- package/tailwindui/components/body-cell-base.js +0 -23
- package/tailwindui/components/body-cell-wrapper.d.ts +0 -8
- package/tailwindui/components/body-cell-wrapper.js +0 -14
- package/tailwindui/components/circle-button.d.ts +0 -10
- package/tailwindui/components/circle-button.js +0 -15
- package/tailwindui/components/filter-input-base.d.ts +0 -2
- package/tailwindui/components/filter-input-base.js +0 -30
- package/tailwindui/components/filter-list-item-base.d.ts +0 -2
- package/tailwindui/components/filter-list-item-base.js +0 -34
- package/tailwindui/components/filters-list.d.ts +0 -2
- package/tailwindui/components/filters-list.js +0 -23
- package/tailwindui/components/icons/chevron-double-left.d.ts +0 -2
- package/tailwindui/components/icons/chevron-double-left.js +0 -13
- package/tailwindui/components/icons/chevron-double-right.d.ts +0 -2
- package/tailwindui/components/icons/chevron-double-right.js +0 -13
- package/tailwindui/components/icons/chevron-left.d.ts +0 -2
- package/tailwindui/components/icons/chevron-left.js +0 -13
- package/tailwindui/components/icons/chevron-right.d.ts +0 -2
- package/tailwindui/components/icons/chevron-right.js +0 -13
- package/tailwindui/components/icons/cloud-download.d.ts +0 -2
- package/tailwindui/components/icons/cloud-download.js +0 -13
- package/tailwindui/components/icons/edit.d.ts +0 -2
- package/tailwindui/components/icons/edit.js +0 -13
- package/tailwindui/components/icons/filter.d.ts +0 -2
- package/tailwindui/components/icons/filter.js +0 -13
- package/tailwindui/components/icons/open.d.ts +0 -2
- package/tailwindui/components/icons/open.js +0 -13
- package/tailwindui/components/icons/table.d.ts +0 -2
- package/tailwindui/components/icons/table.js +0 -13
- package/tailwindui/components/icons/trash.d.ts +0 -2
- package/tailwindui/components/icons/trash.js +0 -13
- package/tailwindui/components/inputs/checkbox.d.ts +0 -10
- package/tailwindui/components/inputs/checkbox.js +0 -23
- package/tailwindui/components/inputs/select.d.ts +0 -14
- package/tailwindui/components/inputs/select.js +0 -21
- package/tailwindui/components/inputs/switch.d.ts +0 -7
- package/tailwindui/components/inputs/switch.js +0 -21
- package/tailwindui/components/inputs/text-input.d.ts +0 -7
- package/tailwindui/components/inputs/text-input.js +0 -18
- package/tailwindui/components/pagination.d.ts +0 -2
- package/tailwindui/components/pagination.js +0 -56
- package/tailwindui/components/tab.d.ts +0 -6
- package/tailwindui/components/tab.js +0 -16
- package/tailwindui/components/toolbar-container.d.ts +0 -2
- package/tailwindui/components/toolbar-container.js +0 -13
- package/tailwindui/toolbar-plugins/csv-export-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/csv-export-plugin.js +0 -20
- package/tailwindui/toolbar-plugins/filters-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/filters-plugin.js +0 -60
- package/tailwindui/toolbar-plugins/fulltext-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/fulltext-plugin.js +0 -72
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.js +0 -76
- package/tailwindui/toolbar-plugins/tabs-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/tabs-plugin.js +0 -21
- package/tailwindui/toolbar-plugins/title-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/title-plugin.js +0 -16
- package/types.d.ts +0 -270
- package/useColumns.js +0 -102
package/store/actions.js
CHANGED
|
@@ -1,50 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}); }
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}); }
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
exports.changeTab = changeTab;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixNQUFNLEVBQUUsSUFBSTtDQUNmLENBQUMsRUFIc0MsQ0FHdEMsQ0FBQztBQUhVLFFBQUEsTUFBTSxVQUdoQjtBQUVJLElBQU0sU0FBUyxHQUFHLFVBQUMsT0FBZSxJQUFLLE9BQUEsQ0FBQztJQUMzQyxJQUFJLEVBQUUsWUFBWTtJQUNsQixJQUFJLEVBQUUsT0FBTztDQUNoQixDQUFDLEVBSDRDLENBRzVDLENBQUM7QUFIVSxRQUFBLFNBQVMsYUFHbkIifQ==
|
|
3
|
+
exports.dataGridActions = void 0;
|
|
4
|
+
exports.dataGridActions = {
|
|
5
|
+
filter: function (filterValue) { return ({
|
|
6
|
+
type: "FILTER",
|
|
7
|
+
filterValue: filterValue,
|
|
8
|
+
}); },
|
|
9
|
+
filterReset: function () { return ({
|
|
10
|
+
type: "FILTER_RESET",
|
|
11
|
+
}); },
|
|
12
|
+
changePage: function (page) { return ({
|
|
13
|
+
type: "CHANGE_PAGE",
|
|
14
|
+
page: page,
|
|
15
|
+
}); },
|
|
16
|
+
changePerPage: function (perPage) { return ({
|
|
17
|
+
type: "CHANGE_PER_PAGE",
|
|
18
|
+
perPage: perPage,
|
|
19
|
+
}); },
|
|
20
|
+
changeTab: function (tabName) { return ({
|
|
21
|
+
type: "CHANGE_TAB",
|
|
22
|
+
name: tabName,
|
|
23
|
+
}); },
|
|
24
|
+
reload: function () { return ({
|
|
25
|
+
type: "RELOAD",
|
|
26
|
+
}); },
|
|
27
|
+
reloadDone: function (response) { return ({
|
|
28
|
+
type: "RELOAD_DONE",
|
|
29
|
+
response: response,
|
|
30
|
+
}); },
|
|
31
|
+
reloadFailed: function (error) { return ({
|
|
32
|
+
type: "RELOAD_FAILED",
|
|
33
|
+
error: error,
|
|
34
|
+
}); },
|
|
35
|
+
search: function (term) { return ({
|
|
36
|
+
type: "FULLTEXT",
|
|
37
|
+
search: term,
|
|
38
|
+
}); },
|
|
39
|
+
sort: function (columnName, direction) { return ({
|
|
40
|
+
type: "SORT",
|
|
41
|
+
columnName: columnName,
|
|
42
|
+
direction: direction,
|
|
43
|
+
}); },
|
|
44
|
+
sortClear: function () { return ({
|
|
45
|
+
type: "SORT_CLEAR",
|
|
46
|
+
}); },
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVhLFFBQUEsZUFBZSxHQUFHO0lBQzNCLE1BQU0sRUFBRSxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO1FBQ3JDLElBQUksRUFBRSxRQUFRO1FBQ2QsV0FBVyxhQUFBO0tBQ2QsQ0FBQyxFQUhzQyxDQUd0QztJQUNGLFdBQVcsRUFBRSxjQUFNLE9BQUEsQ0FBQztRQUNoQixJQUFJLEVBQUUsY0FBYztLQUN2QixDQUFDLEVBRmlCLENBRWpCO0lBQ0YsVUFBVSxFQUFFLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztRQUMzQixJQUFJLEVBQUUsYUFBYTtRQUNuQixJQUFJLE1BQUE7S0FDUCxDQUFDLEVBSDRCLENBRzVCO0lBQ0YsYUFBYSxFQUFFLFVBQUMsT0FBZSxJQUFLLE9BQUEsQ0FBQztRQUNqQyxJQUFJLEVBQUUsaUJBQWlCO1FBQ3ZCLE9BQU8sU0FBQTtLQUNWLENBQUMsRUFIa0MsQ0FHbEM7SUFDRixTQUFTLEVBQUUsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO1FBQzdCLElBQUksRUFBRSxZQUFZO1FBQ2xCLElBQUksRUFBRSxPQUFPO0tBQ2hCLENBQUMsRUFIOEIsQ0FHOUI7SUFDRixNQUFNLEVBQUUsY0FBTSxPQUFBLENBQUM7UUFDWCxJQUFJLEVBQUUsUUFBUTtLQUNqQixDQUFDLEVBRlksQ0FFWjtJQUNGLFVBQVUsRUFBRSxVQUFDLFFBQWtCLElBQUssT0FBQSxDQUFDO1FBQ2pDLElBQUksRUFBRSxhQUFhO1FBQ25CLFFBQVEsVUFBQTtLQUNYLENBQUMsRUFIa0MsQ0FHbEM7SUFDRixZQUFZLEVBQUUsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO1FBQzNCLElBQUksRUFBRSxlQUFlO1FBQ3JCLEtBQUssT0FBQTtLQUNSLENBQUMsRUFINEIsQ0FHNUI7SUFDRixNQUFNLEVBQUUsVUFBQyxJQUFZLElBQUssT0FBQSxDQUFDO1FBQ3ZCLElBQUksRUFBRSxVQUFVO1FBQ2hCLE1BQU0sRUFBRSxJQUFJO0tBQ2YsQ0FBQyxFQUh3QixDQUd4QjtJQUNGLElBQUksRUFBRSxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7UUFDckQsSUFBSSxFQUFFLE1BQU07UUFDWixVQUFVLFlBQUE7UUFDVixTQUFTLFdBQUE7S0FDWixDQUFDLEVBSnNELENBSXREO0lBQ0YsU0FBUyxFQUFFLGNBQU0sT0FBQSxDQUFDO1FBQ2QsSUFBSSxFQUFFLFlBQVk7S0FDckIsQ0FBQyxFQUZlLENBRWY7Q0FDTCxDQUFDIn0=
|
package/store/reducer.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Reducer } from "react";
|
|
2
2
|
import { Schema, Request, DataGridState } from "../types";
|
|
3
|
-
export declare const getInitialState: (schema: Schema<any>, init?:
|
|
3
|
+
export declare const getInitialState: (schema: Schema<any>, init?: Request | string) => DataGridState;
|
|
4
4
|
export declare const reducer: Reducer<DataGridState, any>;
|
|
5
5
|
export declare const debugReducer: Reducer<DataGridState, any>;
|
package/store/reducer.js
CHANGED
|
@@ -107,8 +107,8 @@ exports.reducer = reducer;
|
|
|
107
107
|
var debugReducer = function (state, action) {
|
|
108
108
|
var newState = (0, exports.reducer)(state, action);
|
|
109
109
|
// eslint-disable-next-line no-console
|
|
110
|
-
console.log(""
|
|
110
|
+
console.log("".concat(action.type), { action: action, oldState: state, newState: newState });
|
|
111
111
|
return newState;
|
|
112
112
|
};
|
|
113
113
|
exports.debugReducer = debugReducer;
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsSUFBTSxTQUFTLEdBQUcsTUFBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLE1BQU0sbUNBQUksQ0FBQyxDQUFDO0lBQzNDLE9BQU87UUFDSCxPQUFPLEVBQUU7WUFDTCxDQUFDLEVBQUUsTUFBQSxZQUFZLENBQUMsQ0FBQyxtQ0FBSSxFQUFFO1lBQ3ZCLElBQUksRUFBRSxNQUFBLFlBQVksQ0FBQyxJQUFJLG1DQUFJLENBQUM7WUFDNUIsR0FBRyxFQUFFLE1BQUEsWUFBWSxDQUFDLEdBQUcsbUNBQUksTUFBTSxDQUFDLEdBQUc7WUFDbkMsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksTUFBTSxDQUFDLElBQUk7WUFDdEMsT0FBTyxFQUFFLE1BQUEsWUFBWSxDQUFDLE9BQU8sbUNBQUksTUFBTSxDQUFDLE9BQU87WUFDL0MsR0FBRyxFQUFFLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQy9DLE1BQU0sRUFBRSxFQUFFO1NBQ2I7UUFDRCxXQUFXLEVBQUUsRUFBRTtLQUNs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
|
package/tailwindui/DataGrid.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { BaseGridType, DataGridBaseProps,
|
|
1
|
+
import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
|
|
2
2
|
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
3
3
|
ui?: Partial<UIComponents<GridType, R>>;
|
|
4
4
|
};
|
|
5
|
-
export declare const DEFAULT_TOOLBAR_PLUGINS: ToolbarPlugin[];
|
|
6
5
|
export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => JSX.Element;
|
package/tailwindui/DataGrid.js
CHANGED
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -30,27 +34,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
30
34
|
return result;
|
|
31
35
|
};
|
|
32
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.DataGrid =
|
|
37
|
+
exports.DataGrid = void 0;
|
|
34
38
|
var DataGrid_1 = require("../DataGrid");
|
|
35
39
|
var react_1 = __importStar(require("react"));
|
|
36
40
|
var ui_1 = require("./ui");
|
|
37
|
-
var fulltext_plugin_1 = require("./toolbar-plugins/fulltext-plugin");
|
|
38
|
-
var filters_plugin_1 = require("./toolbar-plugins/filters-plugin");
|
|
39
|
-
var hidden_columns_plugin_1 = require("./toolbar-plugins/hidden-columns-plugin");
|
|
40
|
-
var csv_export_plugin_1 = require("./toolbar-plugins/csv-export-plugin");
|
|
41
|
-
var tabs_plugin_1 = require("./toolbar-plugins/tabs-plugin");
|
|
42
|
-
exports.DEFAULT_TOOLBAR_PLUGINS = [
|
|
43
|
-
tabs_plugin_1.TabsPlugin,
|
|
44
|
-
fulltext_plugin_1.FulltextPlugin,
|
|
45
|
-
filters_plugin_1.FiltersPlugin,
|
|
46
|
-
hidden_columns_plugin_1.HiddenColumnsPlugin,
|
|
47
|
-
csv_export_plugin_1.CsvExportPlugin,
|
|
48
|
-
];
|
|
49
41
|
var DataGrid = function (props) {
|
|
50
42
|
var ui = (0, react_1.useMemo)(function () {
|
|
51
43
|
return __assign(__assign({}, ui_1.UI), props.ui);
|
|
52
44
|
}, [props.ui]);
|
|
53
|
-
return react_1.default.createElement(DataGrid_1.DataGrid, __assign({
|
|
45
|
+
return react_1.default.createElement(DataGrid_1.DataGrid, __assign({}, props, { ui: ui }));
|
|
54
46
|
};
|
|
55
47
|
exports.DataGrid = DataGrid;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9EYXRhR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLHdDQUF1RDtBQUN2RCw2Q0FBdUM7QUFDdkMsMkJBQTBCO0FBUW5CLElBQU0sUUFBUSxHQUFHLFVBQXlDLEtBQWlDO0lBQzlGLElBQU0sRUFBRSxHQUE4QixJQUFBLGVBQU8sRUFBQztRQUMxQyw2QkFBYSxPQUFVLEdBQUssS0FBSyxDQUFDLEVBQUUsRUFBRztJQUMzQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNmLE9BQU8sOEJBQUMsbUJBQVksZUFBSyxLQUFLLElBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDO0FBQy9DLENBQUMsQ0FBQztBQUxXLFFBQUEsUUFBUSxZQUtuQiJ9
|
|
@@ -0,0 +1,16 @@
|
|
|
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.BodyCellBoolean = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var checkbox_visual_1 = require("@uxf/ui/checkbox-visual");
|
|
9
|
+
var BodyCellBoolean = function (props) {
|
|
10
|
+
if (typeof props.value !== "boolean") {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return react_1.default.createElement(checkbox_visual_1.CheckboxVisual, { value: props.value, isDisabled: true });
|
|
14
|
+
};
|
|
15
|
+
exports.BodyCellBoolean = BodyCellBoolean;
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWJvb2xlYW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLWJvb2xlYW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwyREFBeUQ7QUFFbEQsSUFBTSxlQUFlLEdBQWdDLFVBQUEsS0FBSztJQUM3RCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7UUFDbEMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sOEJBQUMsZ0NBQWMsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxVQUFVLFNBQUcsQ0FBQztBQUM3RCxDQUFDLENBQUM7QUFOVyxRQUFBLGVBQWUsbUJBTTFCIn0=
|
|
@@ -0,0 +1,18 @@
|
|
|
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.BodyCellDefault = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var BodyCellDefault = function (props) {
|
|
9
|
+
if (typeof props.value === "number") {
|
|
10
|
+
return react_1.default.createElement("span", null, props.value);
|
|
11
|
+
}
|
|
12
|
+
if (typeof props.value === "string") {
|
|
13
|
+
return react_1.default.createElement("span", null, props.value);
|
|
14
|
+
}
|
|
15
|
+
return null;
|
|
16
|
+
};
|
|
17
|
+
exports.BodyCellDefault = BodyCellDefault;
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWRlZmF1bHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLWRlZmF1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLGVBQWUsR0FBZ0MsVUFBQSxLQUFLO0lBQzdELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUNqQyxPQUFPLDRDQUFPLEtBQUssQ0FBQyxLQUFLLENBQVEsQ0FBQztLQUNyQztJQUNELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUNqQyxPQUFPLDRDQUFPLEtBQUssQ0FBQyxLQUFLLENBQVEsQ0FBQztLQUNyQztJQUNELE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUMsQ0FBQztBQVJXLFFBQUEsZUFBZSxtQkFRMUIifQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BodyCells = void 0;
|
|
4
|
+
var body_cell_default_1 = require("./body-cell-default");
|
|
5
|
+
var body_cell_boolean_1 = require("./body-cell-boolean");
|
|
6
|
+
exports.BodyCells = {
|
|
7
|
+
boolean: body_cell_boolean_1.BodyCellBoolean,
|
|
8
|
+
default: body_cell_default_1.BodyCellDefault,
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EseURBQXNEO0FBQ3RELHlEQUFzRDtBQUV6QyxRQUFBLFNBQVMsR0FBaUM7SUFDbkQsT0FBTyxFQUFFLG1DQUFlO0lBQ3hCLE9BQU8sRUFBRSxtQ0FBZTtDQUMzQixDQUFDIn0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
|
2
2
|
import { ActionCellComponent } from "../../types";
|
|
3
|
-
export declare const ActionCellWrapper:
|
|
3
|
+
export declare const ActionCellWrapper: FC<PropsWithChildren>;
|
|
4
4
|
export declare const ActionCellBase: ActionCellComponent<any>;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -20,13 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
20
24
|
};
|
|
21
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
26
|
exports.ActionCellBase = exports.ActionCellWrapper = void 0;
|
|
23
|
-
var open_1 = require("./icons/open");
|
|
24
|
-
var edit_1 = require("./icons/edit");
|
|
25
|
-
var trash_1 = require("./icons/trash");
|
|
26
27
|
var react_1 = __importStar(require("react"));
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
var button_1 = require("@uxf/ui/button");
|
|
29
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
30
|
+
var ActionCellWrapper = function (props) {
|
|
30
31
|
var innerRef = (0, react_1.useRef)(null);
|
|
31
32
|
(0, react_1.useEffect)(function () {
|
|
32
33
|
var _a;
|
|
@@ -54,32 +55,29 @@ exports.ActionCellWrapper = (0, react_1.memo)(function (_a) {
|
|
|
54
55
|
(_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener("focus", focusHandler);
|
|
55
56
|
};
|
|
56
57
|
}, []);
|
|
57
|
-
return (react_1.default.createElement("div", { className: "
|
|
58
|
-
}
|
|
59
|
-
exports.ActionCellWrapper
|
|
60
|
-
var ActionCellItem = (0, react_1.memo)(function (_a) {
|
|
61
|
-
var children = _a.children;
|
|
62
|
-
return (react_1.default.createElement("div", { className: "flex justify-center align-center text-center w-full" }, children));
|
|
63
|
-
});
|
|
64
|
-
ActionCellItem.displayName = "ActionCellItem";
|
|
58
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__action-cell-wrapper", ref: innerRef }, props.children));
|
|
59
|
+
};
|
|
60
|
+
exports.ActionCellWrapper = ActionCellWrapper;
|
|
65
61
|
var Button = function (props) {
|
|
66
62
|
if (props.getUrl) {
|
|
67
63
|
var href = props.getUrl(props.row);
|
|
68
64
|
if (!href) {
|
|
69
65
|
return null;
|
|
70
66
|
}
|
|
71
|
-
return (react_1.default.createElement(
|
|
67
|
+
return (react_1.default.createElement(button_1.Button, { href: href, title: props.title, variant: "white", size: "sm", isIconButton: true },
|
|
68
|
+
react_1.default.createElement(icon_1.Icon, { name: props.icon })));
|
|
72
69
|
}
|
|
73
70
|
if (props.onClick) {
|
|
74
|
-
return (react_1.default.createElement(
|
|
71
|
+
return (react_1.default.createElement(button_1.Button, { variant: "white", size: "sm", onClick: function () { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, props.row); }, isIconButton: true },
|
|
72
|
+
react_1.default.createElement(icon_1.Icon, { name: props.icon })));
|
|
75
73
|
}
|
|
76
74
|
return null;
|
|
77
75
|
};
|
|
78
76
|
var ActionCellBase = function (props) {
|
|
79
|
-
return (react_1.default.createElement(
|
|
80
|
-
react_1.default.createElement(Button, { row: props.row, onClick: props.onRemove, getUrl: undefined, icon:
|
|
81
|
-
react_1.default.createElement(Button, { row: props.row, onClick: props.onEdit, getUrl: props.getEditUrl, icon:
|
|
82
|
-
react_1.default.createElement(Button, { row: props.row, onClick: props.onOpen, getUrl: props.getOpenUrl, icon:
|
|
77
|
+
return (react_1.default.createElement(exports.ActionCellWrapper, null,
|
|
78
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onRemove, getUrl: undefined, icon: "trash", title: "Smazat" }),
|
|
79
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onEdit, getUrl: props.getEditUrl, icon: "pen", title: "Upravit" }),
|
|
80
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onOpen, getUrl: props.getOpenUrl, icon: "arrow-right", title: "Detail" })));
|
|
83
81
|
};
|
|
84
82
|
exports.ActionCellBase = ActionCellBase;
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNlbGwtYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvYWN0aW9uLWNlbGwtYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0U7QUFFeEUseUNBQW9EO0FBRXBELHFDQUFvQztBQUU3QixJQUFNLGlCQUFpQixHQUEwQixVQUFBLEtBQUs7SUFDekQsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEVBQWlCLElBQUksQ0FBQyxDQUFDO0lBRTlDLElBQUEsaUJBQVMsRUFBQzs7UUFDTixJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxJQUFJLEdBQW1CLElBQUksQ0FBQztRQUVoQyxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPO1NBQ1Y7UUFFRCxJQUFNLGFBQWEsR0FBRztZQUNsQixJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDckMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRztZQUNqQixJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1QixJQUFJLElBQUksRUFBRTtnQkFDTixVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQzthQUNsRDtRQUNMLENBQUMsQ0FBQztRQUVGLE1BQUEsSUFBSSxDQUFDLGFBQWEsMENBQUUsZ0JBQWdC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
|
|
@@ -5,16 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Container = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var utils_1 = require("../../utils");
|
|
9
9
|
var Container = function (props) {
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
return (react_1.default.createElement("div", { className: noBorder ? undefined : "border border-gray-300 rounded", style: {
|
|
13
|
-
marginBottom: multi((_a = mb !== null && mb !== void 0 ? mb : my) !== null && _a !== void 0 ? _a : m),
|
|
14
|
-
marginTop: multi((_b = mt !== null && mt !== void 0 ? mt : my) !== null && _b !== void 0 ? _b : m),
|
|
15
|
-
marginRight: multi((_c = mr !== null && mr !== void 0 ? mr : mx) !== null && _c !== void 0 ? _c : m),
|
|
16
|
-
marginLeft: multi((_d = ml !== null && ml !== void 0 ? ml : mx) !== null && _d !== void 0 ? _d : m),
|
|
17
|
-
} }, props.children));
|
|
10
|
+
var className = (0, utils_1.cx)("uxf-data-grid", props.noBorder && "no-border", props.className);
|
|
11
|
+
return react_1.default.createElement("div", { className: className }, props.children);
|
|
18
12
|
};
|
|
19
13
|
exports.Container = Container;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBaUM7QUFFMUIsSUFBTSxTQUFTLEdBQXVCLFVBQUEsS0FBSztJQUM5QyxJQUFNLFNBQVMsR0FBRyxJQUFBLFVBQUUsRUFBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLFFBQVEsSUFBSSxXQUFXLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBRXRGLE9BQU8sdUNBQUssU0FBUyxFQUFFLFNBQVMsSUFBRyxLQUFLLENBQUMsUUFBUSxDQUFPLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBSlcsUUFBQSxTQUFTLGFBSXBCIn0=
|
|
@@ -16,7 +16,7 @@ var Drawer = function (props) {
|
|
|
16
16
|
react_1.default.createElement("article", { className: "relative w-screen max-w-lg pb-10 flex flex-col overflow-y-scroll h-full" },
|
|
17
17
|
react_1.default.createElement("header", { className: "p-4 pt-16 font-bold text-lg" }, title),
|
|
18
18
|
react_1.default.createElement("div", { className: "p-4" }, children))),
|
|
19
|
-
react_1.default.createElement("section", { className: "
|
|
19
|
+
react_1.default.createElement("section", { className: "w-screen h-full cursor-pointer ", onClick: onClose })));
|
|
20
20
|
};
|
|
21
21
|
exports.Drawer = Drawer;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQVNsQyxJQUFNLE1BQU0sR0FBMEIsVUFBQSxLQUFLO0lBQ3RDLElBQUEsS0FBSyxHQUE4QixLQUFLLE1BQW5DLEVBQUUsSUFBSSxHQUF3QixLQUFLLEtBQTdCLEVBQUUsT0FBTyxHQUFlLEtBQUssUUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDakQsT0FBTyxDQUNILHdDQUNJLFNBQVMsRUFDTCxzRkFBc0Y7WUFDdEYsQ0FBQyxJQUFJO2dCQUNELENBQUMsQ0FBQyw4REFBOEQ7Z0JBQ2hFLENBQUMsQ0FBQyx3REFBd0QsQ0FBQztRQUduRSwyQ0FDSSxTQUFTLEVBQ0wsNkhBQTZIO2dCQUM3SCxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO1lBR3JELDJDQUFTLFNBQVMsRUFBQyx5RUFBeUU7Z0JBQ3hGLDBDQUFRLFNBQVMsRUFBQyw2QkFBNkIsSUFBRSxLQUFLLENBQVU7Z0JBQ2hFLHVDQUFLLFNBQVMsRUFBQyxLQUFLLElBQUUsUUFBUSxDQUFPLENBQy9CLENBQ0o7UUFDViwyQ0FBUyxTQUFTLEVBQUMsaUNBQWlDLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN0RSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxNQUFNLFVBeUJqQiJ9
|
|
@@ -0,0 +1,32 @@
|
|
|
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.FilterList = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var FilterList = function (props) {
|
|
9
|
+
var renderedFilters = props.filtersData
|
|
10
|
+
.map(function (filterRequest) {
|
|
11
|
+
var _a;
|
|
12
|
+
if (!filterRequest.value) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
var filter = props.filters.find(function (f) { return f.name === filterRequest.name; });
|
|
16
|
+
if (!filter) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
var FilterListItem = (_a = props.filterHandlers[filter.name]) === null || _a === void 0 ? void 0 : _a.listItem;
|
|
20
|
+
if (!FilterListItem) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
return (react_1.default.createElement(FilterListItem, { key: filterRequest.name, filter: filter, onFilter: props.onFilter, gridName: props.gridName, value: filterRequest, onClear: function () { return props.onFilter({ name: filter.name, value: null }); } }));
|
|
24
|
+
})
|
|
25
|
+
.filter(function (item) { return !!item; });
|
|
26
|
+
if (renderedFilters.length === 0) {
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
return react_1.default.createElement("div", { className: "uxf-data-grid__filter-list" }, renderedFilters);
|
|
30
|
+
};
|
|
31
|
+
exports.FilterList = FilterList;
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2ZpbHRlci1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxVQUFVLEdBQTZCLFVBQUEsS0FBSztJQUNyRCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVztTQUNwQyxHQUFHLENBQUMsVUFBQSxhQUFhOztRQUNkLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFO1lBQ3RCLE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssYUFBYSxDQUFDLElBQUksRUFBN0IsQ0FBNkIsQ0FBQyxDQUFDO1FBRXRFLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNmO1FBRUQsSUFBTSxjQUFjLEdBQUcsTUFBQSxLQUFLLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsMENBQUUsUUFBUSxDQUFDO1FBRW5FLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDakIsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUVELE9BQU8sQ0FDSCw4QkFBQyxjQUFjLElBQ1gsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLEVBQ3ZCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixLQUFLLEVBQUUsYUFBYSxFQUNwQixPQUFPLEVBQUUsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBbEQsQ0FBa0QsR0FDbkUsQ0FDTCxDQUFDO0lBQ04sQ0FBQyxDQUFDO1NBQ0QsTUFBTSxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsQ0FBQyxDQUFDLElBQUksRUFBTixDQUFNLENBQUMsQ0FBQztJQUU1QixJQUFJLGVBQWUsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1FBQzlCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLHVDQUFLLFNBQVMsRUFBQyw0QkFBNEIsSUFBRSxlQUFlLENBQU8sQ0FBQztBQUMvRSxDQUFDLENBQUM7QUFyQ1csUUFBQSxVQUFVLGNBcUNyQiJ9
|
|
@@ -0,0 +1,13 @@
|
|
|
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.Footer = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var utils_1 = require("../../utils");
|
|
9
|
+
var Footer = function (props) {
|
|
10
|
+
return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__footer", props.noBorder && "no-border") }, props.children);
|
|
11
|
+
};
|
|
12
|
+
exports.Footer = Footer;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9mb290ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBaUM7QUFFMUIsSUFBTSxNQUFNLEdBQW9CLFVBQUEsS0FBSztJQUN4QyxPQUFPLHVDQUFLLFNBQVMsRUFBRSxJQUFBLFVBQUUsRUFBQyx1QkFBdUIsRUFBRSxLQUFLLENBQUMsUUFBUSxJQUFJLFdBQVcsQ0FBQyxJQUFHLEtBQUssQ0FBQyxRQUFRLENBQU8sQ0FBQztBQUM5RyxDQUFDLENBQUM7QUFGVyxRQUFBLE1BQU0sVUFFakIifQ==
|
|
@@ -5,9 +5,11 @@ 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 utils_1 = require("../../utils");
|
|
8
9
|
var LinearProgress = function (props) {
|
|
9
10
|
var loading = props.loading;
|
|
10
|
-
return react_1.default.createElement("div", { className: "
|
|
11
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
|
|
12
|
+
react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__linear-progress", loading && "is-loading") })));
|
|
11
13
|
};
|
|
12
14
|
exports.LinearProgress = LinearProgress;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLXByb2dyZXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9saW5lYXItcHJvZ3Jlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBaUM7QUFFMUIsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSztJQUNoRCxJQUFBLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUMxQixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHdDQUF3QztRQUNuRCx1Q0FBSyxTQUFTLEVBQUUsSUFBQSxVQUFFLEVBQUMsZ0NBQWdDLEVBQUUsT0FBTyxJQUFJLFlBQVksQ0FBQyxHQUFJLENBQy9FLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVBXLFFBQUEsY0FBYyxrQkFPekIifQ==
|
|
@@ -5,9 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.NoRowsFallback = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
9
|
+
var utils_1 = require("../../utils");
|
|
8
10
|
var NoRowsFallback = function (props) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
return (react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__fallback", props.loading && "is-loading", props.error && "is-error") }, props.loading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
+
react_1.default.createElement(icon_1.Icon, { name: "warning", className: "h-6" }),
|
|
13
|
+
react_1.default.createElement("p", { className: "" }, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
|
|
11
14
|
};
|
|
12
15
|
exports.NoRowsFallback = NoRowsFallback;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tcm93cy1mYWxsYmFjay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvbm8tcm93cy1mYWxsYmFjay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsZ0RBQTBCO0FBQzFCLHFDQUFvQztBQUNwQyxxQ0FBaUM7QUFFMUIsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSztJQUN4RCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLElBQUEsVUFBRSxFQUFDLHlCQUF5QixFQUFFLEtBQUssQ0FBQyxPQUFPLElBQUksWUFBWSxFQUFFLEtBQUssQ0FBQyxLQUFLLElBQUksVUFBVSxDQUFDLElBQ2xHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2IsMEZBQWUsQ0FDbEIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDZDtRQUNJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLFNBQVMsRUFBQyxLQUFLLEdBQUc7UUFDdkMscUNBQUcsU0FBUyxFQUFDLEVBQUUsd0JBQXNCLENBQ3RDLENBQ04sQ0FBQyxDQUFDLENBQUMsQ0FDQSxrR0FBa0IsQ0FDckIsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLGNBQWMsa0JBZXpCIn0=
|
|
@@ -0,0 +1,19 @@
|
|
|
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.PaginationCounts = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var PaginationCounts = function (props) {
|
|
9
|
+
var _a, _b, _c, _d;
|
|
10
|
+
var fromNumber = props.page * props.perPage + 1;
|
|
11
|
+
var toNumber = Math.min(props.page * props.perPage + props.perPage, (_b = (_a = props.response) === null || _a === void 0 ? void 0 : _a.count) !== null && _b !== void 0 ? _b : 0);
|
|
12
|
+
return (react_1.default.createElement("p", { className: "uxf-data-grid__pagination-counts" },
|
|
13
|
+
fromNumber,
|
|
14
|
+
"-",
|
|
15
|
+
toNumber,
|
|
16
|
+
" z ", (_d = (_c = props.response) === null || _c === void 0 ? void 0 : _c.count) !== null && _d !== void 0 ? _d : 0));
|
|
17
|
+
};
|
|
18
|
+
exports.PaginationCounts = PaginationCounts;
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1jb3VudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL3BhZ2luYXRpb24tY291bnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxnQkFBZ0IsR0FBOEIsVUFBQSxLQUFLOztJQUM1RCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ2xELElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLEVBQUUsTUFBQSxNQUFBLEtBQUssQ0FBQyxRQUFRLDBDQUFFLEtBQUssbUNBQUksQ0FBQyxDQUFDLENBQUM7SUFDbEcsT0FBTyxDQUNILHFDQUFHLFNBQVMsRUFBQyxrQ0FBa0M7UUFDMUMsVUFBVTs7UUFBRyxRQUFRO2VBQUssTUFBQSxNQUFBLEtBQUssQ0FBQyxRQUFRLDBDQUFFLEtBQUssbUNBQUksQ0FBQyxDQUNyRCxDQUNQLENBQUM7QUFDTixDQUFDLENBQUM7QUFSVyxRQUFBLGdCQUFnQixvQkFRM0IifQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
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.PaginationRowsPerPageSelect = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var select_1 = require("@uxf/ui/select");
|
|
9
|
+
var PER_PAGE_OPTIONS = [
|
|
10
|
+
{ id: 10, label: "10" },
|
|
11
|
+
{ id: 25, label: "25" },
|
|
12
|
+
{ id: 50, label: "50" },
|
|
13
|
+
{ id: 100, label: "100" },
|
|
14
|
+
];
|
|
15
|
+
var PaginationRowsPerPageSelect = function (props) {
|
|
16
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
|
|
17
|
+
react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
|
|
18
|
+
react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.value, onChange: function (value) { var _a; return props.onChange((_a = value) !== null && _a !== void 0 ? _a : 10); }, options: PER_PAGE_OPTIONS })));
|
|
19
|
+
};
|
|
20
|
+
exports.PaginationRowsPerPageSelect = PaginationRowsPerPageSelect;
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1yb3dzLXBlci1wYWdlLXNlbGVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvcGFnaW5hdGlvbi1yb3dzLXBlci1wYWdlLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLHlDQUFxRDtBQUdyRCxJQUFNLGdCQUFnQixHQUEyQjtJQUM3QyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtDQUM1QixDQUFDO0FBRUssSUFBTSwyQkFBMkIsR0FBeUMsVUFBQSxLQUFLO0lBQ2xGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO1FBQ3pDLHlDQUFPLE9BQU8sRUFBQyxnQ0FBZ0Msc0NBQW9CO1FBQ25FLDhCQUFDLGVBQU0sSUFDSCxFQUFFLEVBQUMsZ0NBQWdDLEVBQ25DLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNsQixRQUFRLEVBQUUsVUFBQSxLQUFLLFlBQUksT0FBQSxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDLENBQUEsRUFBQSxFQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEdBQzNCLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSwyQkFBMkIsK0JBWXRDIn0=
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -51,4 +55,4 @@ var SelectRowComponent = function (_a, ref) {
|
|
|
51
55
|
return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "form-checkbox 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
56
|
};
|
|
53
57
|
exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTBDO0FBRzFDLElBQU0sa0JBQWtCLEdBQStCLFVBQUMsRUFBc0IsRUFBRSxHQUFRO0lBQTlCLElBQUEsUUFBUSxjQUFBLEVBQUssS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQ3hFLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBc0M7UUFDeEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFHLENBQUMsQ0FBQyxXQUEwQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZFLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDSCxrREFDSSxJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBQyx3SkFBd0osRUFDbEssR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsUUFBUSxFQUFFLFlBQVksSUFDeEIsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxpQkFBaUIsR0FBK0IsSUFBQSxrQkFBVSxFQUFDLGtCQUF5QixDQUFDLENBQUMifQ==
|