@uxf/data-grid 3.2.0 → 4.0.0-beta.3

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.
Files changed (111) hide show
  1. package/DataGrid.d.ts +1 -0
  2. package/DataGrid.js +52 -108
  3. package/README.md +105 -100
  4. package/index.d.ts +1 -6
  5. package/index.js +2 -7
  6. package/package.json +6 -11
  7. package/store/actions.d.ts +4 -0
  8. package/store/actions.js +7 -2
  9. package/store/reducer.js +6 -2
  10. package/tailwindui/DataGrid.d.ts +11 -0
  11. package/tailwindui/DataGrid.js +83 -0
  12. package/{components/ActionCellBase.d.ts → tailwindui/components/action-cell-base.d.ts} +1 -1
  13. package/tailwindui/components/action-cell-base.js +90 -0
  14. package/tailwindui/components/badge.d.ts +5 -0
  15. package/tailwindui/components/badge.js +18 -0
  16. package/{components/BodyCellBase.d.ts → tailwindui/components/body-cell-base.d.ts} +1 -1
  17. package/tailwindui/components/body-cell-base.js +23 -0
  18. package/{components/BodyCellWrapper.d.ts → tailwindui/components/body-cell-wrapper.d.ts} +0 -0
  19. package/tailwindui/components/body-cell-wrapper.js +13 -0
  20. package/tailwindui/components/circle-button.d.ts +9 -0
  21. package/tailwindui/components/circle-button.js +13 -0
  22. package/tailwindui/components/container.d.ts +2 -0
  23. package/tailwindui/components/container.js +20 -0
  24. package/tailwindui/components/drawer.d.ts +9 -0
  25. package/tailwindui/components/drawer.js +22 -0
  26. package/{components/FilterInputBase.d.ts → tailwindui/components/filter-input-base.d.ts} +1 -1
  27. package/tailwindui/components/filter-input-base.js +30 -0
  28. package/{components/FilterListItemBase.d.ts → tailwindui/components/filter-list-item-base.d.ts} +1 -1
  29. package/tailwindui/components/filter-list-item-base.js +34 -0
  30. package/tailwindui/components/filters-list.d.ts +2 -0
  31. package/tailwindui/components/filters-list.js +21 -0
  32. package/tailwindui/components/icons/chevron-double-left.d.ts +2 -0
  33. package/tailwindui/components/icons/chevron-double-left.js +13 -0
  34. package/tailwindui/components/icons/chevron-double-right.d.ts +2 -0
  35. package/tailwindui/components/icons/chevron-double-right.js +13 -0
  36. package/tailwindui/components/icons/chevron-left.d.ts +2 -0
  37. package/tailwindui/components/icons/chevron-left.js +13 -0
  38. package/tailwindui/components/icons/chevron-right.d.ts +2 -0
  39. package/tailwindui/components/icons/chevron-right.js +13 -0
  40. package/tailwindui/components/icons/cloud-download.d.ts +2 -0
  41. package/tailwindui/components/icons/cloud-download.js +13 -0
  42. package/tailwindui/components/icons/edit.d.ts +2 -0
  43. package/tailwindui/components/icons/edit.js +13 -0
  44. package/tailwindui/components/icons/filter.d.ts +2 -0
  45. package/tailwindui/components/icons/filter.js +13 -0
  46. package/tailwindui/components/icons/open.d.ts +2 -0
  47. package/tailwindui/components/icons/open.js +13 -0
  48. package/tailwindui/components/icons/table.d.ts +2 -0
  49. package/tailwindui/components/icons/table.js +13 -0
  50. package/tailwindui/components/icons/trash.d.ts +2 -0
  51. package/tailwindui/components/icons/trash.js +13 -0
  52. package/tailwindui/components/inputs/checkbox.d.ts +10 -0
  53. package/tailwindui/components/inputs/checkbox.js +23 -0
  54. package/tailwindui/components/inputs/select.d.ts +13 -0
  55. package/tailwindui/components/inputs/select.js +19 -0
  56. package/tailwindui/components/inputs/switch.d.ts +7 -0
  57. package/tailwindui/components/inputs/switch.js +19 -0
  58. package/tailwindui/components/inputs/text-input.d.ts +7 -0
  59. package/tailwindui/components/inputs/text-input.js +18 -0
  60. package/tailwindui/components/linear-progress.d.ts +2 -0
  61. package/tailwindui/components/linear-progress.js +10 -0
  62. package/tailwindui/components/no-rows-fallback.d.ts +2 -0
  63. package/tailwindui/components/no-rows-fallback.js +13 -0
  64. package/tailwindui/components/pagination.d.ts +2 -0
  65. package/tailwindui/components/pagination.js +55 -0
  66. package/tailwindui/components/tab.d.ts +6 -0
  67. package/tailwindui/components/tab.js +16 -0
  68. package/tailwindui/components/toolbar-container.d.ts +2 -0
  69. package/tailwindui/components/toolbar-container.js +12 -0
  70. package/tailwindui/index.d.ts +7 -0
  71. package/tailwindui/index.js +20 -0
  72. package/tailwindui/styles.css +60 -0
  73. package/tailwindui/toolbar-plugins/csv-export-plugin.d.ts +2 -0
  74. package/tailwindui/toolbar-plugins/csv-export-plugin.js +20 -0
  75. package/tailwindui/toolbar-plugins/filters-plugin.d.ts +2 -0
  76. package/tailwindui/toolbar-plugins/filters-plugin.js +67 -0
  77. package/tailwindui/toolbar-plugins/fulltext-plugin.d.ts +2 -0
  78. package/tailwindui/toolbar-plugins/fulltext-plugin.js +65 -0
  79. package/tailwindui/toolbar-plugins/hidden-columns-plugin.d.ts +2 -0
  80. package/tailwindui/toolbar-plugins/hidden-columns-plugin.js +79 -0
  81. package/tailwindui/toolbar-plugins/tabs-filter-plugin.d.ts +2 -0
  82. package/tailwindui/toolbar-plugins/tabs-filter-plugin.js +19 -0
  83. package/tailwindui/toolbar-plugins/title-plugin.d.ts +2 -0
  84. package/tailwindui/toolbar-plugins/title-plugin.js +16 -0
  85. package/tailwindui/ui.d.ts +2 -0
  86. package/tailwindui/ui.js +27 -0
  87. package/types.d.ts +89 -29
  88. package/{utils/utils.d.ts → utils.d.ts} +1 -1
  89. package/utils.js +37 -0
  90. package/components/ActionCellBase.js +0 -96
  91. package/components/BodyCellBase.js +0 -23
  92. package/components/BodyCellWrapper.js +0 -14
  93. package/components/Drawer.d.ts +0 -7
  94. package/components/Drawer.js +0 -42
  95. package/components/FilterInputBase.js +0 -43
  96. package/components/FilterListItemBase.js +0 -25
  97. package/components/Filters.d.ts +0 -11
  98. package/components/Filters.js +0 -66
  99. package/components/FiltersList.d.ts +0 -10
  100. package/components/FiltersList.js +0 -47
  101. package/components/HiddenColumns.d.ts +0 -10
  102. package/components/HiddenColumns.js +0 -79
  103. package/components/Paper.d.ts +0 -15
  104. package/components/Paper.js +0 -15
  105. package/translations/textLabels.d.ts +0 -42
  106. package/translations/textLabels.js +0 -45
  107. package/translations/textLabelsEn.d.ts +0 -42
  108. package/translations/textLabelsEn.js +0 -45
  109. package/translations/types.d.ts +0 -49
  110. package/translations/types.js +0 -3
  111. package/utils/utils.js +0 -36
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __read = (this && this.__read) || function (o, n) {
22
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
23
+ if (!m) return o;
24
+ var i = m.call(o), r, ar = [], e;
25
+ try {
26
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
27
+ }
28
+ catch (error) { e = { error: error }; }
29
+ finally {
30
+ try {
31
+ if (r && !r.done && (m = i["return"])) m.call(i);
32
+ }
33
+ finally { if (e) throw e.error; }
34
+ }
35
+ return ar;
36
+ };
37
+ Object.defineProperty(exports, "__esModule", { value: true });
38
+ exports.FulltextPlugin = void 0;
39
+ var react_1 = __importStar(require("react"));
40
+ var circle_button_1 = require("../components/circle-button");
41
+ var FulltextPlugin = function (props) {
42
+ var _a;
43
+ var fulltext = props.fulltext, schema = props.schema;
44
+ var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
45
+ var inputRef = (0, react_1.useRef)();
46
+ var onClik = function () {
47
+ var oldIsOpen = isOpen;
48
+ setIsOpen(!isOpen);
49
+ if (!oldIsOpen) {
50
+ inputRef.current.focus();
51
+ }
52
+ };
53
+ if (!schema.fullText) {
54
+ return null;
55
+ }
56
+ return (react_1.default.createElement("div", { className: "flex flex-row items-center my-1" },
57
+ react_1.default.createElement(circle_button_1.CircleButton, { onClick: onClik, title: "Hledat" },
58
+ 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: "currentColor", strokeWidth: 2 },
59
+ react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }))),
60
+ react_1.default.createElement("div", { className: (isOpen ? "w-60" : "w-0") +
61
+ " overflow-hidden delay-400 duration-500 ease-in-out transition-all transform" },
62
+ react_1.default.createElement("input", { ref: inputRef, type: "text", placeholder: (_a = fulltext.placeholder) !== null && _a !== void 0 ? _a : "pište pro hledání...", className: "border-none h-6 w-full p-1", onChange: function (e) { return fulltext.onChange(e.target.value); }, value: fulltext.value }))));
63
+ };
64
+ exports.FulltextPlugin = FulltextPlugin;
65
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2Z1bGx0ZXh0LXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBZ0Q7QUFFaEQsNkRBQTJEO0FBRXBELElBQU0sY0FBYyxHQUFrQixVQUFBLEtBQUs7O0lBQ3RDLElBQUEsUUFBUSxHQUFhLEtBQUssU0FBbEIsRUFBRSxNQUFNLEdBQUssS0FBSyxPQUFWLENBQVc7SUFDN0IsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEdBQU8sQ0FBQztJQUUvQixJQUFNLE1BQU0sR0FBRztRQUNYLElBQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQztRQUN6QixTQUFTLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ1osUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUM1QjtJQUNMLENBQUMsQ0FBQztJQUVGLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLGlDQUFpQztRQUM1Qyw4QkFBQyw0QkFBWSxJQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLFFBQVE7WUFDekMsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxjQUFjLEVBQ3JCLFdBQVcsRUFBRSxDQUFDO2dCQUVkLHdDQUNJLGFBQWEsRUFBQyxPQUFPLEVBQ3JCLGNBQWMsRUFBQyxPQUFPLEVBQ3RCLENBQUMsRUFBQyw2Q0FBNkMsR0FDakQsQ0FDQSxDQUNLO1FBQ2YsdUNBQ0ksU0FBUyxFQUNMLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztnQkFDekIsOEVBQThFO1lBR2xGLHlDQUNJLEdBQUcsRUFBRSxRQUFRLEVBQ2IsSUFBSSxFQUFDLE1BQU0sRUFDWCxXQUFXLEVBQUUsTUFBQSxRQUFRLENBQUMsV0FBVyxtQ0FBSSxzQkFBc0IsRUFDM0QsU0FBUyxFQUFDLDRCQUE0QixFQUN0QyxRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQWpDLENBQWlDLEVBQ2hELEtBQUssRUFBRSxRQUFRLENBQUMsS0FBSyxHQUN2QixDQUNBLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBckRXLFFBQUEsY0FBYyxrQkFxRHpCIn0=
@@ -0,0 +1,2 @@
1
+ import { ToolbarPlugin } from "../../types";
2
+ export declare const HiddenColumnsPlugin: ToolbarPlugin;
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __read = (this && this.__read) || function (o, n) {
22
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
23
+ if (!m) return o;
24
+ var i = m.call(o), r, ar = [], e;
25
+ try {
26
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
27
+ }
28
+ catch (error) { e = { error: error }; }
29
+ finally {
30
+ try {
31
+ if (r && !r.done && (m = i["return"])) m.call(i);
32
+ }
33
+ finally { if (e) throw e.error; }
34
+ }
35
+ return ar;
36
+ };
37
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
38
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
39
+ if (ar || !(i in from)) {
40
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
41
+ ar[i] = from[i];
42
+ }
43
+ }
44
+ return to.concat(ar || Array.prototype.slice.call(from));
45
+ };
46
+ Object.defineProperty(exports, "__esModule", { value: true });
47
+ exports.HiddenColumnsPlugin = void 0;
48
+ var react_1 = __importStar(require("react"));
49
+ var drawer_1 = require("../components/drawer");
50
+ var switch_1 = require("../components/inputs/switch");
51
+ var circle_button_1 = require("../components/circle-button");
52
+ var table_1 = require("../components/icons/table");
53
+ var HiddenColumnsPlugin = function (props) {
54
+ var _a;
55
+ var dataGridProps = props.dataGridProps;
56
+ var columns = dataGridProps.schema.columns;
57
+ var hiddenColumns = (_a = dataGridProps.hiddenColumns) !== null && _a !== void 0 ? _a : [];
58
+ var onChangeHiddenColumns = dataGridProps.onChangeHiddenColumns;
59
+ var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
60
+ if (!onChangeHiddenColumns) {
61
+ return null;
62
+ }
63
+ var onChange = function (column) { return function () {
64
+ if (hiddenColumns.includes(column.name)) {
65
+ onChangeHiddenColumns(hiddenColumns.filter(function (cn) { return cn !== column.name; }));
66
+ }
67
+ else {
68
+ onChangeHiddenColumns(__spreadArray(__spreadArray([], __read(hiddenColumns), false), [column.name], false));
69
+ }
70
+ }; };
71
+ return (react_1.default.createElement(react_1.default.Fragment, null,
72
+ react_1.default.createElement(circle_button_1.CircleButton, { onClick: function () { return setIsOpen(true); }, title: "Nastaven\u00ED sloupc\u016F" },
73
+ react_1.default.createElement(table_1.Table, null)),
74
+ react_1.default.createElement(drawer_1.Drawer, { title: "Zobrazit sloupce", open: isOpen, onClose: function () { return setIsOpen(false); } },
75
+ react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, columns.map(function (column) { return (react_1.default.createElement("div", { key: column.name },
76
+ react_1.default.createElement(switch_1.Switch, { value: !hiddenColumns.includes(column.name), onChange: onChange(column), label: column.label }))); })))));
77
+ };
78
+ exports.HiddenColumnsPlugin = HiddenColumnsPlugin;
79
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlkZGVuLWNvbHVtbnMtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2hpZGRlbi1jb2x1bW5zLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0M7QUFFeEMsK0NBQThDO0FBQzlDLHNEQUFxRDtBQUNyRCw2REFBMkQ7QUFDM0QsbURBQStEO0FBRXhELElBQU0sbUJBQW1CLEdBQWtCLFVBQUEsS0FBSzs7SUFDM0MsSUFBQSxhQUFhLEdBQUssS0FBSyxjQUFWLENBQVc7SUFDaEMsSUFBTSxPQUFPLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDN0MsSUFBTSxhQUFhLEdBQUcsTUFBQSxhQUFhLENBQUMsYUFBYSxtQ0FBSSxFQUFFLENBQUM7SUFDeEQsSUFBTSxxQkFBcUIsR0FBRyxhQUFhLENBQUMscUJBQXFCLENBQUM7SUFFNUQsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFO1FBQ3hCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxJQUFNLFFBQVEsR0FBRyxVQUFDLE1BQXdCLElBQUssT0FBQTtRQUMzQyxJQUFJLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3JDLHFCQUFxQixDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsVUFBQSxFQUFFLElBQUksT0FBQSxFQUFFLEtBQUssTUFBTSxDQUFDLElBQUksRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDLENBQUM7U0FDekU7YUFBTTtZQUNILHFCQUFxQix3Q0FBSyxhQUFhLFlBQUUsTUFBTSxDQUFDLElBQUksVUFBRSxDQUFDO1NBQzFEO0lBQ0wsQ0FBQyxFQU44QyxDQU05QyxDQUFDO0lBQ0YsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNEJBQVksSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBZixDQUFlLEVBQUUsS0FBSyxFQUFDLDZCQUFtQjtZQUNuRSw4QkFBQyxhQUFTLE9BQUcsQ0FDRjtRQUNmLDhCQUFDLGVBQU0sSUFBQyxLQUFLLEVBQUMsa0JBQWtCLEVBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBaEIsQ0FBZ0I7WUFDMUUsdUNBQUssU0FBUyxFQUFDLHlCQUF5QixJQUNuQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTSxJQUFJLE9BQUEsQ0FDbkIsdUNBQUssR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJO2dCQUNqQiw4QkFBQyxlQUFNLElBQ0gsS0FBSyxFQUFFLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQzNDLFFBQVEsRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQzFCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNBLENBQ1QsRUFSc0IsQ0FRdEIsQ0FBQyxDQUNBLENBQ0QsQ0FDVixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUF2Q1csUUFBQSxtQkFBbUIsdUJBdUM5QiJ9
@@ -0,0 +1,2 @@
1
+ import { ToolbarPlugin } from "../../types";
2
+ export declare const TabsToolbarPlugin: ToolbarPlugin;
@@ -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.TabsToolbarPlugin = void 0;
7
+ var tab_1 = require("../components/tab");
8
+ var react_1 = __importDefault(require("react"));
9
+ var TabsToolbarPlugin = function (props) {
10
+ var tab = props.tab, schema = props.schema;
11
+ var active = tab.active, onChange = tab.onChange;
12
+ if (schema.tabs.length === 0) {
13
+ return null;
14
+ }
15
+ return (react_1.default.createElement("div", { className: "flex flex-1 self-stretch" },
16
+ react_1.default.createElement("nav", { className: "-mb-px flex space-x-4", "aria-label": "Tabs" }, schema.tabs.map(function (t) { return (react_1.default.createElement(tab_1.Tab, { key: t.name, title: t.label, active: active === t.name, onClick: function () { return onChange(t.name); } })); }))));
17
+ };
18
+ exports.TabsToolbarPlugin = TabsToolbarPlugin;
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1maWx0ZXItcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL3RhYnMtZmlsdGVyLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EseUNBQXdDO0FBQ3hDLGdEQUEwQjtBQUVuQixJQUFNLGlCQUFpQixHQUFrQixVQUFBLEtBQUs7SUFDekMsSUFBQSxHQUFHLEdBQWEsS0FBSyxJQUFsQixFQUFFLE1BQU0sR0FBSyxLQUFLLE9BQVYsQ0FBVztJQUN0QixJQUFBLE1BQU0sR0FBZSxHQUFHLE9BQWxCLEVBQUUsUUFBUSxHQUFLLEdBQUcsU0FBUixDQUFTO0lBRWpDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1FBQzFCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDBCQUEwQjtRQUNyQyx1Q0FBSyxTQUFTLEVBQUMsdUJBQXVCLGdCQUFZLE1BQU0sSUFDbkQsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUNsQiw4QkFBQyxTQUFHLElBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sS0FBSyxDQUFDLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBaEIsQ0FBZ0IsR0FBSSxDQUNuRyxFQUZxQixDQUVyQixDQUFDLENBQ0EsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFqQlcsUUFBQSxpQkFBaUIscUJBaUI1QiJ9
@@ -0,0 +1,2 @@
1
+ import { ToolbarPlugin } from "../../types";
2
+ export declare const TitlePlugin: ToolbarPlugin;
@@ -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.TitlePlugin = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var TitlePlugin = function (props) {
9
+ var dataGridProps = props.dataGridProps;
10
+ if (!dataGridProps.title) {
11
+ return null;
12
+ }
13
+ return react_1.default.createElement("div", { className: "flex-1 text-lg" }, dataGridProps.title);
14
+ };
15
+ exports.TitlePlugin = TitlePlugin;
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL3RpdGxlLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBR25CLElBQU0sV0FBVyxHQUFrQixVQUFBLEtBQUs7SUFDbkMsSUFBQSxhQUFhLEdBQUssS0FBSyxjQUFWLENBQVc7SUFDaEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUU7UUFDdEIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUNELE9BQU8sdUNBQUssU0FBUyxFQUFDLGdCQUFnQixJQUFFLGFBQWEsQ0FBQyxLQUFLLENBQU8sQ0FBQztBQUN2RSxDQUFDLENBQUM7QUFOVyxRQUFBLFdBQVcsZUFNdEIifQ==
@@ -0,0 +1,2 @@
1
+ import { UIComponents } from "../types";
2
+ export declare const UI: UIComponents<any, any>;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.UI = void 0;
4
+ var action_cell_base_1 = require("./components/action-cell-base");
5
+ var body_cell_base_1 = require("./components/body-cell-base");
6
+ var no_rows_fallback_1 = require("./components/no-rows-fallback");
7
+ var linear_progress_1 = require("./components/linear-progress");
8
+ var toolbar_container_1 = require("./components/toolbar-container");
9
+ var container_1 = require("./components/container");
10
+ var filter_input_base_1 = require("./components/filter-input-base");
11
+ var filter_list_item_base_1 = require("./components/filter-list-item-base");
12
+ var filters_list_1 = require("./components/filters-list");
13
+ var pagination_1 = require("./components/pagination");
14
+ exports.UI = {
15
+ ActionCell: action_cell_base_1.ActionCellBase,
16
+ ActionCellWrapper: action_cell_base_1.ActionCellWrapper,
17
+ BodyCell: body_cell_base_1.BodyCellBase,
18
+ NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
19
+ LinearProgress: linear_progress_1.LinearProgress,
20
+ ToolbarContainer: toolbar_container_1.ToolbarContainer,
21
+ Container: container_1.Container,
22
+ FilterInput: filter_input_base_1.FilterInputBase,
23
+ FilterListItem: filter_list_item_base_1.FilterListItemBase,
24
+ FilterList: filters_list_1.FiltersList,
25
+ Pagination: pagination_1.Pagination,
26
+ };
27
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQWtGO0FBQ2xGLDhEQUEyRDtBQUMzRCxrRUFBK0Q7QUFDL0QsZ0VBQThEO0FBQzlELG9FQUFrRTtBQUNsRSxvREFBbUQ7QUFDbkQsb0VBQWlFO0FBQ2pFLDRFQUF3RTtBQUN4RSwwREFBd0Q7QUFDeEQsc0RBQXFEO0FBRXhDLFFBQUEsRUFBRSxHQUEyQjtJQUN0QyxVQUFVLEVBQUUsaUNBQWM7SUFDMUIsaUJBQWlCLEVBQUUsb0NBQWlCO0lBQ3BDLFFBQVEsRUFBRSw2QkFBWTtJQUN0QixjQUFjLEVBQUUsaUNBQWM7SUFDOUIsY0FBYyxFQUFFLGdDQUFjO0lBQzlCLGdCQUFnQixFQUFFLG9DQUFnQjtJQUNsQyxTQUFTLEVBQUUscUJBQVM7SUFDcEIsV0FBVyxFQUFFLG1DQUFlO0lBQzVCLGNBQWMsRUFBRSwwQ0FBa0I7SUFDbEMsVUFBVSxFQUFFLDBCQUFXO0lBQ3ZCLFVBQVUsRUFBRSx1QkFBVTtDQUN6QixDQUFDIn0=
package/types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { TextFieldProps } from "@mui/material";
2
- import { ComponentType, ReactElement, ReactNode } from "react";
1
+ import React, { ComponentType, Dispatch, ReactElement, ReactNode } from "react";
3
2
  import { DataGridProps as RDGProps } from "react-data-grid";
4
3
  export declare type BaseGridType = {
5
4
  columns: any;
@@ -27,26 +26,30 @@ export declare type ActionCellWithRequiredWidth<R> = {
27
26
  ActionCell?: never;
28
27
  actionCellWidth?: never;
29
28
  };
30
- export declare type DataGridProps<GridType extends BaseGridType, R> = {
29
+ export declare type UIComponents<GridType extends BaseGridType, R> = {
30
+ ActionCell: ActionCellComponent<R>;
31
+ ActionCellWrapper: ActionCellWrapperComponent;
32
+ BodyCell: BodyCellComponent<GridType["columns"], R>;
33
+ FilterInput: FilterInputComponent<GridType["filters"]>;
34
+ FilterList: FilterListComponent;
35
+ FilterListItem: FilterListItemComponent<GridType["filters"]>;
36
+ NoRowsFallback: NoRowsFallbackComponent;
37
+ Pagination: PaginationComponent;
38
+ Container: ContainerComponent;
39
+ ToolbarContainer: ToolbarContainerComponent;
40
+ LinearProgress: React.FC;
41
+ };
42
+ export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
43
+ schema: Schema<GridType>;
44
+ loader: Loader;
31
45
  gridName?: string;
32
46
  title?: ReactNode;
33
- schema: Schema<GridType>;
34
47
  keyExtractor?: KeyExtractor;
35
- loader: Loader;
36
48
  initialState?: Request | string;
37
49
  onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
38
50
  hiddenColumns?: string[];
39
51
  selectableRows?: SelectableRows;
40
- search?: boolean;
41
- print?: boolean;
42
52
  onCsvDownload?: CsvDownloadHandler;
43
- BodyCell?: BodyCellComponent<GridType["columns"], R>;
44
- HeadCell?: HeadCellComponent<GridType["columns"], R>;
45
- FilterInput?: FilterInputComponent<GridType["filters"]>;
46
- FilterListItem?: FilterListItemComponent<GridType["filters"]>;
47
- ToolbarContent?: ToolbarContentComponent;
48
- Footer?: import("react").ReactNode;
49
- locale?: "cs" | "en";
50
53
  onChangeSelectedRows?: (selectedRows: R[]) => void;
51
54
  selectedRows?: R[];
52
55
  onOpen?: (row: R) => void;
@@ -61,10 +64,16 @@ export declare type DataGridProps<GridType extends BaseGridType, R> = {
61
64
  mt?: number;
62
65
  mr?: number;
63
66
  mb?: number;
67
+ mx?: number;
68
+ my?: number;
69
+ m?: number;
64
70
  defaultConfig?: Config<GridType["columns"]>;
65
- FullTextInputProps?: Partial<TextFieldProps>;
66
71
  rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
67
- } & ActionCellWithRequiredWidth<R>;
72
+ toolbarPlugins?: ToolbarPlugin[];
73
+ };
74
+ export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & ActionCellWithRequiredWidth<R> & {
75
+ ui: UIComponents<GridType, R>;
76
+ };
68
77
  export declare type Columns<C extends BaseGridType["columns"]> = {
69
78
  [K in keyof C]: Column<K, C[K]>;
70
79
  }[keyof C];
@@ -82,8 +91,6 @@ export declare type Column<Name, Type> = {
82
91
  };
83
92
  export interface FilterOption {
84
93
  id: string | number;
85
- /** @deprecated */
86
- value?: string | number;
87
94
  label: string;
88
95
  }
89
96
  export declare type Filters<F extends BaseGridType["filters"]> = {
@@ -95,9 +102,15 @@ export interface Filter<N, T> {
95
102
  type?: T;
96
103
  options?: FilterOption[];
97
104
  }
105
+ export interface Tab {
106
+ name: string;
107
+ label: string;
108
+ icon?: string;
109
+ }
98
110
  export interface Schema<GritType extends BaseGridType> {
99
111
  columns: Columns<GritType["columns"]>[];
100
112
  filters: Filters<GritType["filters"]>[];
113
+ tabs: Tab[];
101
114
  sort: string;
102
115
  dir: SortDirection;
103
116
  perPage: number;
@@ -116,17 +129,13 @@ export interface Request {
116
129
  page?: number;
117
130
  perPage?: number;
118
131
  search?: string;
132
+ tab?: string | null;
119
133
  }
120
134
  export interface Response {
121
135
  totalCount: number;
122
136
  count: number;
123
137
  result: ResultItem[];
124
138
  }
125
- export interface ToolbarContentProps {
126
- filtersData: RequestFilter[];
127
- onFilter: (value: RequestFilter) => void;
128
- }
129
- export declare type ToolbarContentComponent = ComponentType<ToolbarContentProps>;
130
139
  export interface BodyCellProps<C, R> {
131
140
  column: C;
132
141
  row: R;
@@ -143,12 +152,9 @@ export interface ActionCellProps<R> {
143
152
  reload: () => Promise<void>;
144
153
  }
145
154
  export declare type ActionCellComponent<R> = ComponentType<ActionCellProps<R>>;
146
- export interface HeadCellProps<C extends Column<any, any>, R> extends BodyCellProps<C, R> {
147
- sort: boolean;
148
- sortDirection: SortDirection;
149
- onSort: (sortDirection: SortDirection) => void;
150
- }
151
- export declare type HeadCellComponent<C extends BaseGridType["columns"], R> = ComponentType<HeadCellProps<Columns<C>, R>>;
155
+ export declare type ActionCellWrapperComponent = React.FC<{
156
+ children: ReactNode;
157
+ }>;
152
158
  export interface FilterListItemProps<F extends Filter<any, any>, T> {
153
159
  filter: F;
154
160
  value: RequestFilter<T>;
@@ -169,7 +175,61 @@ export interface DataGridState {
169
175
  sort: string | null;
170
176
  dir: SortDirection | null;
171
177
  page: number;
178
+ tab: string | null;
172
179
  perPage: number;
173
180
  error?: any;
174
181
  fullText?: string;
182
+ mounted: boolean;
175
183
  }
184
+ export declare type ContainerComponent = React.FC<{
185
+ mr?: number;
186
+ ml?: number;
187
+ mt?: number;
188
+ mb?: number;
189
+ mx?: number;
190
+ my?: number;
191
+ m?: number;
192
+ noBorder?: boolean;
193
+ children: ReactNode;
194
+ }>;
195
+ export declare type ToolbarContainerComponent = React.FC<{
196
+ children: ReactNode;
197
+ }>;
198
+ export declare type ToolbarPlugin = React.FC<{
199
+ dataGridState: DataGridState;
200
+ dataGridProps: DataGridProps<any, any>;
201
+ dispatch: Dispatch<any>;
202
+ schema: Schema<any>;
203
+ tab: {
204
+ onChange: (tabName: string) => void;
205
+ active: string | null;
206
+ };
207
+ fulltext: {
208
+ onChange: (value: string) => void;
209
+ value: string;
210
+ placeholder?: string;
211
+ };
212
+ filter: {
213
+ onReset: (initialFilters?: RequestFilter[]) => void;
214
+ onFilter: (value: RequestFilter) => void;
215
+ filtersData: RequestFilter[];
216
+ };
217
+ }>;
218
+ export declare type PaginationComponent = React.FC<{
219
+ count: number;
220
+ page: number;
221
+ perPage: number;
222
+ onChangePage: (page: number) => void;
223
+ onChangeRowsPerPage: (perPage: number) => void;
224
+ }>;
225
+ export declare type FilterListComponent = React.FC<{
226
+ dispatch: (action: any) => void;
227
+ onFilter: (value: RequestFilter) => void;
228
+ filters: Filter<any, any>[];
229
+ filtersData: RequestFilter[];
230
+ FilterListItem: FilterListItemComponent<any>;
231
+ }>;
232
+ export declare type NoRowsFallbackComponent = React.FC<{
233
+ error?: any;
234
+ loading: boolean;
235
+ }>;
@@ -1,4 +1,4 @@
1
- import { DataGridState, Request, SortDirection } from "../types";
1
+ import { DataGridState, Request, SortDirection } from "./types";
2
2
  export declare function decodeFilter(filterString: string): null | Request;
3
3
  export declare function encodeFilter(request: Request): string;
4
4
  export declare function createRequest(state: DataGridState, defaultSort: string, defaultDir: SortDirection): Request;
package/utils.js ADDED
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.createRequest = exports.encodeFilter = exports.decodeFilter = void 0;
4
+ function decodeFilter(filterString) {
5
+ try {
6
+ var filter = JSON.parse(decodeURIComponent(escape(atob(filterString))));
7
+ return {
8
+ f: filter.f || [],
9
+ perPage: filter.perPage || 10,
10
+ page: filter.page || 0,
11
+ dir: filter.dir || "asc",
12
+ sort: filter.sort || "id",
13
+ };
14
+ }
15
+ catch (e) {
16
+ return null;
17
+ }
18
+ }
19
+ exports.decodeFilter = decodeFilter;
20
+ function encodeFilter(request) {
21
+ return btoa(unescape(encodeURIComponent(JSON.stringify(request))));
22
+ }
23
+ exports.encodeFilter = encodeFilter;
24
+ function createRequest(state, defaultSort, defaultDir) {
25
+ var _a, _b;
26
+ return {
27
+ sort: (_a = state.sort) !== null && _a !== void 0 ? _a : defaultSort,
28
+ dir: (_b = state.dir) !== null && _b !== void 0 ? _b : defaultDir,
29
+ perPage: state.perPage,
30
+ page: state.page,
31
+ f: state.f.filter(function (f) { return !!f.value; }),
32
+ search: state.fullText,
33
+ tab: state.tab,
34
+ };
35
+ }
36
+ exports.createRequest = createRequest;
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsU0FBZ0IsWUFBWSxDQUFDLFlBQW9CO0lBQzdDLElBQUk7UUFDQSxJQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFMUUsT0FBTztZQUNILENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUU7WUFDakIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQUksRUFBRTtZQUM3QixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDO1lBQ3RCLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLEtBQUs7WUFDeEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUksSUFBSTtTQUM1QixDQUFDO0tBQ0w7SUFBQyxPQUFPLENBQUMsRUFBRTtRQUNSLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7QUFDTCxDQUFDO0FBZEQsb0NBY0M7QUFFRCxTQUFnQixZQUFZLENBQUMsT0FBZ0I7SUFDekMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkUsQ0FBQztBQUZELG9DQUVDO0FBRUQsU0FBZ0IsYUFBYSxDQUFDLEtBQW9CLEVBQUUsV0FBbUIsRUFBRSxVQUF5Qjs7SUFDOUYsT0FBTztRQUNILElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLFdBQVc7UUFDL0IsR0FBRyxFQUFFLE1BQUEsS0FBSyxDQUFDLEdBQUcsbUNBQUksVUFBVTtRQUM1QixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87UUFDdEIsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJO1FBQ2hCLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFULENBQVMsQ0FBQztRQUNqQyxNQUFNLEVBQUUsS0FBSyxDQUFDLFFBQVE7UUFDdEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHO0tBQ2pCLENBQUM7QUFDTixDQUFDO0FBVkQsc0NBVUMifQ==
@@ -1,96 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __importDefault = (this && this.__importDefault) || function (mod) {
22
- return (mod && mod.__esModule) ? mod : { "default": mod };
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.ActionCellBase = exports.ActionCellWrapper = void 0;
26
- var ArrowRightAlt_1 = __importDefault(require("@mui/icons-material/ArrowRightAlt"));
27
- var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
28
- var Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
29
- var Box_1 = __importDefault(require("@mui/material/Box"));
30
- var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
31
- var react_1 = __importStar(require("react"));
32
- exports.ActionCellWrapper = (0, react_1.memo)(function (_a) {
33
- var children = _a.children;
34
- var innerRef = (0, react_1.useRef)(null);
35
- (0, react_1.useEffect)(function () {
36
- var _a;
37
- var scrollLeft = 0;
38
- var grid = null;
39
- var node = innerRef.current;
40
- if (!node) {
41
- return;
42
- }
43
- var scrollHandler = function () {
44
- grid === null || grid === void 0 ? void 0 : grid.scrollTo({ left: scrollLeft });
45
- grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
46
- };
47
- var focusHandler = function () {
48
- grid = node.closest(".rdg");
49
- if (grid) {
50
- scrollLeft = grid.scrollLeft;
51
- grid.addEventListener("scroll", scrollHandler);
52
- }
53
- };
54
- (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.addEventListener("focus", focusHandler, { capture: true });
55
- return function () {
56
- var _a;
57
- grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
58
- (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener("focus", focusHandler);
59
- };
60
- }, []);
61
- return (react_1.default.createElement(Box_1.default, { alignItems: "center", display: "flex", justifyContent: "center", ref: innerRef, textAlign: "center", width: "100%" }, children));
62
- });
63
- exports.ActionCellWrapper.displayName = "ActionCellWrapper";
64
- var ActionCellItem = (0, react_1.memo)(function (_a) {
65
- var children = _a.children;
66
- return (react_1.default.createElement(Box_1.default, { alignItems: "center", display: "flex", justifyContent: "center", textAlign: "center", width: "100%" }, children));
67
- });
68
- ActionCellItem.displayName = "ActionCellItem";
69
- var Button = function (props) {
70
- var getUrl = props.getUrl, onClick = props.onClick, row = props.row, icon = props.icon;
71
- if (getUrl) {
72
- var href = getUrl(row);
73
- if (!href) {
74
- return null;
75
- }
76
- return (react_1.default.createElement(ActionCellItem, null,
77
- react_1.default.createElement(IconButton_1.default, { href: href, size: "small" }, icon)));
78
- }
79
- if (onClick) {
80
- return (react_1.default.createElement(ActionCellItem, null,
81
- react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onClick(row); } }, icon)));
82
- }
83
- return null;
84
- };
85
- var ActionCellBase = function (props) {
86
- var onOpen = props.onOpen, getOpenUrl = props.getOpenUrl, onEdit = props.onEdit, getEditUrl = props.getEditUrl, onRemove = props.onRemove, row = props.row;
87
- if (!onOpen && !getOpenUrl && !onEdit && !getEditUrl && !onRemove) {
88
- return null;
89
- }
90
- return (react_1.default.createElement(react_1.default.Fragment, null,
91
- react_1.default.createElement(Button, { row: row, onClick: onRemove, getUrl: undefined, icon: react_1.default.createElement(Delete_1.default, null) }),
92
- react_1.default.createElement(Button, { row: row, onClick: onEdit, getUrl: getEditUrl, icon: react_1.default.createElement(Edit_1.default, null) }),
93
- react_1.default.createElement(Button, { row: row, onClick: onOpen, getUrl: getOpenUrl, icon: react_1.default.createElement(ArrowRightAlt_1.default, null) })));
94
- };
95
- exports.ActionCellBase = ActionCellBase;
96
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQ2VsbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25DZWxsQmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG9GQUErRDtBQUMvRCxzRUFBb0Q7QUFDcEQsa0VBQWdEO0FBQ2hELDBEQUFvQztBQUNwQyx3RUFBa0Q7QUFDbEQsNkNBQWtFO0FBR3JELFFBQUEsaUJBQWlCLEdBQUcsSUFBQSxZQUFJLEVBQUMsVUFBQyxFQUFZO1FBQVYsUUFBUSxjQUFBO0lBQzdDLElBQU0sUUFBUSxHQUFHLElBQUEsY0FBTSxFQUFpQixJQUFJLENBQUMsQ0FBQztJQUU5QyxJQUFBLGlCQUFTLEVBQUM7O1FBQ04sSUFBSSxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLElBQUksSUFBSSxHQUFtQixJQUFJLENBQUM7UUFFaEMsSUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQztRQUM5QixJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1AsT0FBTztTQUNWO1FBRUQsSUFBTSxhQUFhLEdBQUc7WUFDbEIsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1lBQ3JDLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUM7UUFDdkQsQ0FBQyxDQUFDO1FBRUYsSUFBTSxZQUFZLEdBQUc7WUFDakIsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDNUIsSUFBSSxJQUFJLEVBQUU7Z0JBQ04sVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUM7YUFDbEQ7UUFD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
@@ -1,23 +0,0 @@
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.BodyCellBase = void 0;
7
- var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
8
- var react_1 = __importDefault(require("react"));
9
- var BodyCellWrapper_1 = require("./BodyCellWrapper");
10
- var BodyCellBase = function (props) {
11
- var column = props.column, row = props.row;
12
- var value = row[column.name];
13
- if (column.type === "boolean") {
14
- return (react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, typeof value === "boolean" ? react_1.default.createElement(Checkbox_1.default, { checked: value, disabled: true }) : null));
15
- }
16
- var canRender = typeof value === "string" || typeof value === "number" || value === undefined || value === null;
17
- if (canRender) {
18
- return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, value);
19
- }
20
- return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, "Nezn\u00E1m\u00E1 hodnota");
21
- };
22
- exports.BodyCellBase = BodyCellBase;
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRUFBOEM7QUFDOUMsZ0RBQTBCO0FBRTFCLHFEQUFvRDtBQUU3QyxJQUFNLFlBQVksR0FBZ0MsVUFBQSxLQUFLO0lBQ2xELElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDM0IsT0FBTyxDQUNILDhCQUFDLGlDQUFlLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQzlCLE9BQU8sS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsOEJBQUMsa0JBQVEsSUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsU0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQzVELENBQ3JCLENBQUM7S0FDTDtJQUVELElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUksU0FBUyxFQUFFO1FBQ1gsT0FBTyw4QkFBQyxpQ0FBZSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLEtBQUssQ0FBbUIsQ0FBQztLQUN6RTtJQUVELE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksZ0NBQW1DLENBQUM7QUFDbEYsQ0FBQyxDQUFDO0FBbkJXLFFBQUEsWUFBWSxnQkFtQnZCIn0=
@@ -1,14 +0,0 @@
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.BodyCellWrapper = void 0;
7
- var Box_1 = __importDefault(require("@mui/material/Box"));
8
- var react_1 = __importDefault(require("react"));
9
- var BodyCellWrapper = function (props) {
10
- return (react_1.default.createElement(Box_1.default, { display: "flex", alignItems: "center", height: "100%", lineHeight: 1.5, sx: { userSelect: "text" } },
11
- react_1.default.createElement(Box_1.default, { width: "100%" }, props.children)));
12
- };
13
- exports.BodyCellWrapper = BodyCellWrapper;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxXcmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwREFBb0M7QUFDcEMsZ0RBQXlDO0FBT2xDLElBQU0sZUFBZSxHQUFvQixVQUFBLEtBQUs7SUFDakQsT0FBTyxDQUNILDhCQUFDLGFBQUcsSUFBQyxPQUFPLEVBQUMsTUFBTSxFQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7UUFDN0YsOEJBQUMsYUFBRyxJQUFDLEtBQUssRUFBQyxNQUFNLElBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBTyxDQUN0QyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLGVBQWUsbUJBTTFCIn0=
@@ -1,7 +0,0 @@
1
- import { DrawerProps as MuiDrawerProps } from "@mui/material/Drawer";
2
- import React from "react";
3
- interface DrawerProps extends MuiDrawerProps {
4
- title?: string;
5
- }
6
- export declare const Drawer: React.FC<DrawerProps>;
7
- export {};