@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.
Files changed (133) hide show
  1. package/DataGrid.js +52 -51
  2. package/{useCallbackRef.d.ts → hooks/useCallbackRef.d.ts} +1 -1
  3. package/{useCallbackRef.js → hooks/useCallbackRef.js} +1 -1
  4. package/{useColumns.d.ts → hooks/useColumns.d.ts} +1 -1
  5. package/hooks/useColumns.js +117 -0
  6. package/icons.config.js +14 -0
  7. package/index.d.ts +1 -1
  8. package/index.js +7 -3
  9. package/package.json +18 -17
  10. package/store/actions.d.ts +43 -41
  11. package/store/actions.js +46 -48
  12. package/store/reducer.d.ts +1 -1
  13. package/store/reducer.js +2 -2
  14. package/tailwindui/DataGrid.d.ts +1 -2
  15. package/tailwindui/DataGrid.js +8 -16
  16. package/tailwindui/body-cell/body-cell-boolean.d.ts +2 -0
  17. package/tailwindui/body-cell/body-cell-boolean.js +16 -0
  18. package/tailwindui/body-cell/body-cell-default.d.ts +2 -0
  19. package/tailwindui/body-cell/body-cell-default.js +18 -0
  20. package/tailwindui/body-cell/index.d.ts +2 -0
  21. package/tailwindui/body-cell/index.js +10 -0
  22. package/tailwindui/components/action-cell-base.d.ts +2 -2
  23. package/tailwindui/components/action-cell-base.js +20 -22
  24. package/tailwindui/components/container.js +4 -10
  25. package/tailwindui/components/drawer.js +2 -2
  26. package/tailwindui/components/filter-list.d.ts +2 -0
  27. package/tailwindui/components/filter-list.js +32 -0
  28. package/tailwindui/components/footer.d.ts +2 -0
  29. package/tailwindui/components/footer.js +13 -0
  30. package/tailwindui/components/linear-progress.js +4 -2
  31. package/tailwindui/components/no-rows-fallback.js +6 -3
  32. package/tailwindui/components/pagination-counts.d.ts +2 -0
  33. package/tailwindui/components/pagination-counts.js +19 -0
  34. package/tailwindui/components/pagination-rows-per-page-select.d.ts +2 -0
  35. package/tailwindui/components/pagination-rows-per-page-select.js +21 -0
  36. package/tailwindui/components/select-row-checkbox.js +6 -2
  37. package/tailwindui/components/selected-rows-toolbar.js +7 -9
  38. package/tailwindui/components/toolbar-control.d.ts +2 -0
  39. package/tailwindui/components/toolbar-control.js +82 -0
  40. package/tailwindui/components/toolbar-customs.d.ts +2 -0
  41. package/tailwindui/components/toolbar-customs.js +14 -0
  42. package/tailwindui/components/toolbar-tabs.d.ts +2 -0
  43. package/tailwindui/components/toolbar-tabs.js +20 -0
  44. package/tailwindui/components/toolbar.d.ts +2 -0
  45. package/tailwindui/components/toolbar.js +14 -0
  46. package/tailwindui/filter-handler/boolean-filter.d.ts +3 -0
  47. package/tailwindui/filter-handler/boolean-filter.js +29 -0
  48. package/tailwindui/filter-handler/index.d.ts +2 -0
  49. package/tailwindui/filter-handler/index.js +13 -0
  50. package/tailwindui/filter-handler/text-filter.d.ts +3 -0
  51. package/tailwindui/filter-handler/text-filter.js +36 -0
  52. package/tailwindui/index.d.ts +0 -4
  53. package/tailwindui/index.js +6 -6
  54. package/tailwindui/show.d.ts +7 -0
  55. package/tailwindui/show.js +35 -0
  56. package/tailwindui/styles.css +129 -31
  57. package/tailwindui/ui.js +23 -16
  58. package/types/api.d.ts +22 -0
  59. package/{types.js → types/api.js} +1 -1
  60. package/types/components.d.ts +178 -0
  61. package/types/components.js +3 -0
  62. package/types/core.d.ts +74 -0
  63. package/types/core.js +3 -0
  64. package/types/index.d.ts +5 -0
  65. package/types/index.js +22 -0
  66. package/types/schema.d.ts +48 -0
  67. package/types/schema.js +3 -0
  68. package/types/state.d.ts +21 -0
  69. package/types/state.js +3 -0
  70. package/utils.d.ts +3 -0
  71. package/utils.js +57 -2
  72. package/tailwindui/components/badge.d.ts +0 -5
  73. package/tailwindui/components/badge.js +0 -18
  74. package/tailwindui/components/body-cell-base.d.ts +0 -2
  75. package/tailwindui/components/body-cell-base.js +0 -23
  76. package/tailwindui/components/body-cell-wrapper.d.ts +0 -8
  77. package/tailwindui/components/body-cell-wrapper.js +0 -14
  78. package/tailwindui/components/circle-button.d.ts +0 -10
  79. package/tailwindui/components/circle-button.js +0 -15
  80. package/tailwindui/components/filter-input-base.d.ts +0 -2
  81. package/tailwindui/components/filter-input-base.js +0 -30
  82. package/tailwindui/components/filter-list-item-base.d.ts +0 -2
  83. package/tailwindui/components/filter-list-item-base.js +0 -34
  84. package/tailwindui/components/filters-list.d.ts +0 -2
  85. package/tailwindui/components/filters-list.js +0 -23
  86. package/tailwindui/components/icons/chevron-double-left.d.ts +0 -2
  87. package/tailwindui/components/icons/chevron-double-left.js +0 -13
  88. package/tailwindui/components/icons/chevron-double-right.d.ts +0 -2
  89. package/tailwindui/components/icons/chevron-double-right.js +0 -13
  90. package/tailwindui/components/icons/chevron-left.d.ts +0 -2
  91. package/tailwindui/components/icons/chevron-left.js +0 -13
  92. package/tailwindui/components/icons/chevron-right.d.ts +0 -2
  93. package/tailwindui/components/icons/chevron-right.js +0 -13
  94. package/tailwindui/components/icons/cloud-download.d.ts +0 -2
  95. package/tailwindui/components/icons/cloud-download.js +0 -13
  96. package/tailwindui/components/icons/edit.d.ts +0 -2
  97. package/tailwindui/components/icons/edit.js +0 -13
  98. package/tailwindui/components/icons/filter.d.ts +0 -2
  99. package/tailwindui/components/icons/filter.js +0 -13
  100. package/tailwindui/components/icons/open.d.ts +0 -2
  101. package/tailwindui/components/icons/open.js +0 -13
  102. package/tailwindui/components/icons/table.d.ts +0 -2
  103. package/tailwindui/components/icons/table.js +0 -13
  104. package/tailwindui/components/icons/trash.d.ts +0 -2
  105. package/tailwindui/components/icons/trash.js +0 -13
  106. package/tailwindui/components/inputs/checkbox.d.ts +0 -10
  107. package/tailwindui/components/inputs/checkbox.js +0 -23
  108. package/tailwindui/components/inputs/select.d.ts +0 -14
  109. package/tailwindui/components/inputs/select.js +0 -21
  110. package/tailwindui/components/inputs/switch.d.ts +0 -7
  111. package/tailwindui/components/inputs/switch.js +0 -21
  112. package/tailwindui/components/inputs/text-input.d.ts +0 -7
  113. package/tailwindui/components/inputs/text-input.js +0 -18
  114. package/tailwindui/components/pagination.d.ts +0 -2
  115. package/tailwindui/components/pagination.js +0 -56
  116. package/tailwindui/components/tab.d.ts +0 -6
  117. package/tailwindui/components/tab.js +0 -16
  118. package/tailwindui/components/toolbar-container.d.ts +0 -2
  119. package/tailwindui/components/toolbar-container.js +0 -13
  120. package/tailwindui/toolbar-plugins/csv-export-plugin.d.ts +0 -2
  121. package/tailwindui/toolbar-plugins/csv-export-plugin.js +0 -20
  122. package/tailwindui/toolbar-plugins/filters-plugin.d.ts +0 -2
  123. package/tailwindui/toolbar-plugins/filters-plugin.js +0 -60
  124. package/tailwindui/toolbar-plugins/fulltext-plugin.d.ts +0 -2
  125. package/tailwindui/toolbar-plugins/fulltext-plugin.js +0 -72
  126. package/tailwindui/toolbar-plugins/hidden-columns-plugin.d.ts +0 -2
  127. package/tailwindui/toolbar-plugins/hidden-columns-plugin.js +0 -76
  128. package/tailwindui/toolbar-plugins/tabs-plugin.d.ts +0 -2
  129. package/tailwindui/toolbar-plugins/tabs-plugin.js +0 -21
  130. package/tailwindui/toolbar-plugins/title-plugin.d.ts +0 -2
  131. package/tailwindui/toolbar-plugins/title-plugin.js +0 -16
  132. package/types.d.ts +0 -270
  133. package/useColumns.js +0 -102
@@ -1,60 +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 __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.FiltersPlugin = void 0;
39
- var react_1 = __importStar(require("react"));
40
- var drawer_1 = require("../components/drawer");
41
- var circle_button_1 = require("../components/circle-button");
42
- var filter_1 = require("../components/icons/filter");
43
- var FiltersPlugin = function (props) {
44
- var dataGridProps = props.props, schema = props.schema, _a = props.filter, onFilter = _a.onFilter, filtersData = _a.filtersData, FilterInput = _a.FilterInput;
45
- var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
46
- if (schema.filters.length === 0) {
47
- return null;
48
- }
49
- return (react_1.default.createElement(react_1.default.Fragment, null,
50
- react_1.default.createElement("div", null,
51
- react_1.default.createElement(circle_button_1.CircleButton, { onClick: function () { return setIsOpen(true); }, title: "Filtrovat" },
52
- react_1.default.createElement(filter_1.Filter, null))),
53
- react_1.default.createElement(drawer_1.Drawer, { open: isOpen, onClose: function () { return setIsOpen(false); }, title: "Filtry" },
54
- react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, schema.filters.map(function (filter) {
55
- var _a, _b;
56
- return (react_1.default.createElement(FilterInput, { key: filter.name, filter: filter, gridName: (_a = dataGridProps.gridName) !== null && _a !== void 0 ? _a : null, value: (_b = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: onFilter }));
57
- })))));
58
- };
59
- exports.FiltersPlugin = FiltersPlugin;
60
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvZmlsdGVycy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXdDO0FBRXhDLCtDQUE4QztBQUM5Qyw2REFBMkQ7QUFDM0QscURBQWtFO0FBRTNELElBQU0sYUFBYSxHQUFrQixVQUFBLEtBQUs7SUFFekMsSUFBTyxhQUFhLEdBR3BCLEtBQUssTUFIZSxFQUNwQixNQUFNLEdBRU4sS0FBSyxPQUZDLEVBQ04sS0FDQSxLQUFLLE9BRHlDLEVBQXBDLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxXQUFXLGlCQUFFLENBQ3hDO0lBQ0osSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSDtRQUNJO1lBQ0ksOEJBQUMsNEJBQVksSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBZixDQUFlLEVBQUUsS0FBSyxFQUFDLFdBQVc7Z0JBQzNELDhCQUFDLGVBQVUsT0FBRyxDQUNILENBQ2I7UUFDTiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBaEIsQ0FBZ0IsRUFBRSxLQUFLLEVBQUMsUUFBUTtZQUNqRSx1Q0FBSyxTQUFTLEVBQUMseUJBQXlCLElBQ25DLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTs7Z0JBQUksT0FBQSxDQUMxQiw4QkFBQyxXQUFXLElBQ1IsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2hCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsUUFBUSxFQUFFLE1BQUEsYUFBYSxDQUFDLFFBQVEsbUNBQUksSUFBSSxFQUN4QyxLQUFLLEVBQUUsTUFBQSxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSxFQUF0QixDQUFzQixDQUFDLG1DQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxFQUMxRixRQUFRLEVBQUUsUUFBUSxHQUNwQixDQUNMLENBQUE7YUFBQSxDQUFDLENBQ0EsQ0FDRCxDQUNWLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxDVyxRQUFBLGFBQWEsaUJBa0N4QiJ9
@@ -1,2 +0,0 @@
1
- import { ToolbarPlugin } from "../../types";
2
- export declare const FulltextPlugin: ToolbarPlugin;
@@ -1,72 +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 __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, tab = props.tab;
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
- else {
53
- fulltext.onChange("");
54
- }
55
- };
56
- (0, react_1.useEffect)(function () {
57
- setIsOpen(!!fulltext.value);
58
- // eslint-disable-next-line react-hooks/exhaustive-deps
59
- }, [tab.active]);
60
- if (!schema.fullText) {
61
- return null;
62
- }
63
- return (react_1.default.createElement("div", { className: "flex flex-row items-center my-1" },
64
- react_1.default.createElement(circle_button_1.CircleButton, { onClick: onClik, title: "Hledat" },
65
- 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 },
66
- 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" }))),
67
- react_1.default.createElement("div", { className: (isOpen ? "w-60" : "w-0") +
68
- " overflow-hidden delay-400 duration-500 ease-in-out transition-all transform" },
69
- react_1.default.createElement("input", { ref: inputRef, type: "text", placeholder: (_a = fulltext.placeholder) !== null && _a !== void 0 ? _a : "pište pro hledání...", className: "form-input border-none h-6 w-full p-1", onChange: function (e) { return fulltext.onChange(e.target.value); }, value: fulltext.value }))));
70
- };
71
- exports.FulltextPlugin = FulltextPlugin;
72
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2Z1bGx0ZXh0LXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMkQ7QUFFM0QsNkRBQTJEO0FBRXBELElBQU0sY0FBYyxHQUFrQixVQUFBLEtBQUs7O0lBQ3RDLElBQUEsUUFBUSxHQUFrQixLQUFLLFNBQXZCLEVBQUUsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUNsQyxJQUFBLEtBQUEsT0FBc0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXBDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBbUIsQ0FBQztJQUU1QyxJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sR0FBTyxDQUFDO0lBRS9CLElBQU0sTUFBTSxHQUFHO1FBQ1gsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ3pCLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDWixRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzVCO2FBQU07WUFDSCxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ3pCO0lBQ0wsQ0FBQyxDQUFDO0lBRUYsSUFBQSxpQkFBUyxFQUFDO1FBQ04sU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsdURBQXVEO0lBQzNELENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRWpCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLGlDQUFpQztRQUM1Qyw4QkFBQyw0QkFBWSxJQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLFFBQVE7WUFDekMsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxjQUFjLEVBQ3JCLFdBQVcsRUFBRSxDQUFDO2dCQUVkLHdDQUNJLGFBQWEsRUFBQyxPQUFPLEVBQ3JCLGNBQWMsRUFBQyxPQUFPLEVBQ3RCLENBQUMsRUFBQyw2Q0FBNkMsR0FDakQsQ0FDQSxDQUNLO1FBQ2YsdUNBQ0ksU0FBUyxFQUNMLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztnQkFDekIsOEVBQThFO1lBR2xGLHlDQUNJLEdBQUcsRUFBRSxRQUFRLEVBQ2IsSUFBSSxFQUFDLE1BQU0sRUFDWCxXQUFXLEVBQUUsTUFBQSxRQUFRLENBQUMsV0FBVyxtQ0FBSSxzQkFBc0IsRUFDM0QsU0FBUyxFQUFDLHVDQUF1QyxFQUNqRCxRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQWpDLENBQWlDLEVBQ2hELEtBQUssRUFBRSxRQUFRLENBQUMsS0FBSyxHQUN2QixDQUNBLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNURXLFFBQUEsY0FBYyxrQkE0RHpCIn0=
@@ -1,2 +0,0 @@
1
- import { ToolbarPlugin } from "../../types";
2
- export declare const HiddenColumnsPlugin: ToolbarPlugin;
@@ -1,76 +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 __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 schema = props.schema, _a = props.hiddenColumns, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange;
55
- var columns = schema.columns;
56
- var _c = __read((0, react_1.useState)(false), 2), isOpen = _c[0], setIsOpen = _c[1];
57
- if (!onChange) {
58
- return null;
59
- }
60
- var handleChange = function (column) { return function () {
61
- if (value.includes(column.name)) {
62
- onChange(value.filter(function (cn) { return cn !== column.name; }));
63
- }
64
- else {
65
- onChange(__spreadArray(__spreadArray([], __read(value), false), [column.name], false));
66
- }
67
- }; };
68
- return (react_1.default.createElement(react_1.default.Fragment, null,
69
- react_1.default.createElement(circle_button_1.CircleButton, { onClick: function () { return setIsOpen(true); }, title: "Nastaven\u00ED sloupc\u016F" },
70
- react_1.default.createElement(table_1.Table, null)),
71
- react_1.default.createElement(drawer_1.Drawer, { title: "Zobrazit sloupce", open: isOpen, onClose: function () { return setIsOpen(false); } },
72
- 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 },
73
- react_1.default.createElement(switch_1.Switch, { value: !value.includes(column.name), onChange: handleChange(column), label: column.label }))); })))));
74
- };
75
- exports.HiddenColumnsPlugin = HiddenColumnsPlugin;
76
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlkZGVuLWNvbHVtbnMtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2hpZGRlbi1jb2x1bW5zLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0M7QUFFeEMsK0NBQThDO0FBQzlDLHNEQUFxRDtBQUNyRCw2REFBMkQ7QUFDM0QsbURBQStEO0FBRXhELElBQU0sbUJBQW1CLEdBQWtCLFVBQUEsS0FBSztJQUUvQyxJQUFBLE1BQU0sR0FFTixLQUFLLE9BRkMsRUFDTixLQUNBLEtBQUssY0FEa0MsRUFBdEIsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQUUsUUFBUSxjQUFFLENBQ2pDO0lBQ1YsSUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUV6QixJQUFBLEtBQUEsT0FBc0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXBDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBbUIsQ0FBQztJQUU1QyxJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ1gsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsTUFBd0IsSUFBSyxPQUFBO1FBQy9DLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDN0IsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQSxFQUFFLElBQUksT0FBQSxFQUFFLEtBQUssTUFBTSxDQUFDLElBQUksRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDLENBQUM7U0FDcEQ7YUFBTTtZQUNILFFBQVEsd0NBQUssS0FBSyxZQUFFLE1BQU0sQ0FBQyxJQUFJLFVBQUUsQ0FBQztTQUNyQztJQUNMLENBQUMsRUFOa0QsQ0FNbEQsQ0FBQztJQUNGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDRCQUFZLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQWYsQ0FBZSxFQUFFLEtBQUssRUFBQyw2QkFBbUI7WUFDbkUsOEJBQUMsYUFBUyxPQUFHLENBQ0Y7UUFDZiw4QkFBQyxlQUFNLElBQUMsS0FBSyxFQUFDLGtCQUFrQixFQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1lBQzFFLHVDQUFLLFNBQVMsRUFBQyx5QkFBeUIsSUFDbkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLENBQ25CLHVDQUFLLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDakIsOEJBQUMsZUFBTSxJQUNILEtBQUssRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUNuQyxRQUFRLEVBQUUsWUFBWSxDQUFDLE1BQU0sQ0FBQyxFQUM5QixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssR0FDckIsQ0FDQSxDQUNULEVBUnNCLENBUXRCLENBQUMsQ0FDQSxDQUNELENBQ1YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeENXLFFBQUEsbUJBQW1CLHVCQXdDOUIifQ==
@@ -1,2 +0,0 @@
1
- import { ToolbarPlugin } from "../../types";
2
- export declare const TabsPlugin: ToolbarPlugin;
@@ -1,21 +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.TabsPlugin = void 0;
7
- var tab_1 = require("../components/tab");
8
- var react_1 = __importDefault(require("react"));
9
- var TabsPlugin = function (props) {
10
- var _a, _b;
11
- var tab = props.tab, schema = props.schema;
12
- var active = tab.active, onChange = tab.onChange;
13
- var tabsCount = (_b = (_a = schema.tabs) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
14
- if (tabsCount === 0) {
15
- return null;
16
- }
17
- return (react_1.default.createElement("div", { className: "flex flex-1 self-stretch" },
18
- 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); } })); }))));
19
- };
20
- exports.TabsPlugin = TabsPlugin;
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvdGFicy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHlDQUF3QztBQUN4QyxnREFBMEI7QUFFbkIsSUFBTSxVQUFVLEdBQWtCLFVBQUEsS0FBSzs7SUFDbEMsSUFBQSxHQUFHLEdBQWEsS0FBSyxJQUFsQixFQUFFLE1BQU0sR0FBSyxLQUFLLE9BQVYsQ0FBVztJQUN0QixJQUFBLE1BQU0sR0FBZSxHQUFHLE9BQWxCLEVBQUUsUUFBUSxHQUFLLEdBQUcsU0FBUixDQUFTO0lBRWpDLElBQU0sU0FBUyxHQUFHLE1BQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxNQUFNLG1DQUFJLENBQUMsQ0FBQztJQUUzQyxJQUFJLFNBQVMsS0FBSyxDQUFDLEVBQUU7UUFDakIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsMEJBQTBCO1FBQ3JDLHVDQUFLLFNBQVMsRUFBQyx1QkFBdUIsZ0JBQVksTUFBTSxJQUNuRCxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ2xCLDhCQUFDLFNBQUcsSUFBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFoQixDQUFnQixHQUFJLENBQ25HLEVBRnFCLENBRXJCLENBQUMsQ0FDQSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5CVyxRQUFBLFVBQVUsY0FtQnJCIn0=
@@ -1,2 +0,0 @@
1
- import { ToolbarPlugin } from "../../types";
2
- export declare const TitlePlugin: ToolbarPlugin;
@@ -1,16 +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.TitlePlugin = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var TitlePlugin = function (_a) {
9
- var props = _a.props;
10
- if (!props.title) {
11
- return null;
12
- }
13
- return react_1.default.createElement("div", { className: "flex-1 text-lg" }, props.title);
14
- };
15
- exports.TitlePlugin = TitlePlugin;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL3RpdGxlLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBR25CLElBQU0sV0FBVyxHQUFrQixVQUFDLEVBQVM7UUFBUCxLQUFLLFdBQUE7SUFDOUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDZCxPQUFPLElBQUksQ0FBQztLQUNmO0lBQ0QsT0FBTyx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBTyxDQUFDO0FBQy9ELENBQUMsQ0FBQztBQUxXLFFBQUEsV0FBVyxlQUt0QiJ9
package/types.d.ts DELETED
@@ -1,270 +0,0 @@
1
- import React, { ComponentType, Dispatch, MutableRefObject, ReactElement, ReactNode } from "react";
2
- import { CheckboxFormatterProps, DataGridProps as RDGProps } from "react-data-grid";
3
- export declare type BaseGridType = {
4
- columns: any;
5
- filters: any;
6
- };
7
- export declare type SortDirection = "asc" | "desc";
8
- export declare type ResultItem = any;
9
- export declare type KeyExtractor = (row: ResultItem) => number;
10
- export declare type CsvDownloadHandler = (request: Request) => void;
11
- export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
12
- export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
13
- export declare type CallbackRef = {
14
- reload: () => Promise<void>;
15
- };
16
- export declare type Config<C extends BaseGridType["columns"]> = {
17
- columns: Partial<{
18
- [columnName in keyof C]: {
19
- width?: number;
20
- hidden?: boolean;
21
- };
22
- }>;
23
- };
24
- export declare type ActionCellWithRequiredWidth<R> = {
25
- ActionCell?: ActionCellComponent<R>;
26
- actionCellWidth: number;
27
- } | {
28
- ActionCell?: never;
29
- actionCellWidth?: never;
30
- };
31
- export declare type UIComponents<GridType extends BaseGridType, R> = {
32
- ActionCell: ActionCellComponent<R>;
33
- ActionCellWrapper: ActionCellWrapperComponent;
34
- BodyCell: BodyCellComponent<GridType["columns"], R>;
35
- FilterInput: FilterInputComponent<GridType["filters"]>;
36
- FilterList: FilterListComponent;
37
- FilterListItem: FilterListItemComponent<GridType["filters"]>;
38
- NoRowsFallback: NoRowsFallbackComponent;
39
- Pagination: PaginationComponent;
40
- Container: ContainerComponent;
41
- ToolbarContainer: ToolbarContainerComponent;
42
- LinearProgress: LinearProgressComponent;
43
- SelectRowCheckbox: SelectRowCheckboxComponent;
44
- SelectedRowsToolbar: SelectedRowsToolbarComponent;
45
- SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
46
- } & ActionCellWithRequiredWidth<R>;
47
- export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
48
- callbackRef?: MutableRefObject<CallbackRef | undefined>;
49
- schema: Schema<GridType>;
50
- loader: Loader;
51
- gridName?: string;
52
- title?: ReactNode;
53
- keyExtractor?: KeyExtractor;
54
- initialState?: Request | string;
55
- onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
56
- hiddenColumns?: string[];
57
- onCsvDownload?: CsvDownloadHandler;
58
- onChangeSelectedRows?: (selectedRows: Set<number>) => void;
59
- selectedRows?: Set<number>;
60
- onOpen?: (row: R) => void;
61
- getOpenUrl?: (row: R) => string | null | undefined;
62
- onEdit?: (row: R) => void;
63
- getEditUrl?: (row: R) => string | null | undefined;
64
- onRemove?: (row: R) => void;
65
- noBorder?: boolean;
66
- rowHeight?: RDGProps<any>["rowHeight"];
67
- headerRowHeight?: RDGProps<any>["headerRowHeight"];
68
- ml?: number;
69
- mt?: number;
70
- mr?: number;
71
- mb?: number;
72
- mx?: number;
73
- my?: number;
74
- m?: number;
75
- defaultConfig?: Config<GridType["columns"]>;
76
- rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
77
- toolbarPlugins?: ToolbarPlugin[];
78
- debug?: boolean;
79
- };
80
- export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
81
- ui: UIComponents<GridType, R>;
82
- };
83
- export declare type Columns<C extends BaseGridType["columns"]> = {
84
- [K in keyof C]: Column<K, C[K]>;
85
- }[keyof C];
86
- export declare type Column<Name, Type> = {
87
- name: Name;
88
- label: string | ReactElement;
89
- type: Type;
90
- sort?: boolean;
91
- hint?: string;
92
- print?: boolean;
93
- width?: number | string;
94
- minWidth?: number;
95
- maxWidth?: number;
96
- frozen?: boolean;
97
- };
98
- export interface FilterOption {
99
- id: string | number;
100
- label: string;
101
- }
102
- export declare type Filters<F extends BaseGridType["filters"]> = {
103
- [K in keyof F]: Filter<K, F[K]>;
104
- }[keyof F];
105
- export interface Filter<N, T> {
106
- name: N;
107
- label: string;
108
- type?: T;
109
- options?: FilterOption[];
110
- }
111
- export interface Tab {
112
- name: string;
113
- label: string;
114
- icon?: string;
115
- }
116
- export interface Schema<GritType extends BaseGridType> {
117
- columns: Columns<GritType["columns"]>[];
118
- filters: Filters<GritType["filters"]>[];
119
- tabs: Tab[];
120
- sort: string;
121
- dir: SortDirection;
122
- perPage: number;
123
- fullText?: boolean;
124
- }
125
- export interface RequestFilter<T = any> {
126
- name: string;
127
- value: T;
128
- label?: string;
129
- op?: string;
130
- }
131
- export interface Request {
132
- f?: RequestFilter[];
133
- sort?: string;
134
- dir?: SortDirection;
135
- page?: number;
136
- perPage?: number;
137
- search?: string;
138
- tab?: string | null;
139
- }
140
- export interface Response {
141
- totalCount: number;
142
- count: number;
143
- result: ResultItem[];
144
- }
145
- export interface BodyCellProps<C, R> {
146
- column: C;
147
- row: R;
148
- reload: () => Promise<void>;
149
- }
150
- export declare type BodyCellComponent<C extends BaseGridType["columns"], R> = ComponentType<BodyCellProps<Columns<C>, R>>;
151
- export interface ActionCellProps<R> {
152
- row: R;
153
- onOpen?: (row: R) => void;
154
- getOpenUrl?: (row: R) => string | null | undefined;
155
- onEdit?: (row: R) => void;
156
- getEditUrl?: (row: R) => string | null | undefined;
157
- onRemove?: (row: R) => void;
158
- reload: () => Promise<void>;
159
- }
160
- export declare type ActionCellComponent<R> = ComponentType<ActionCellProps<R>>;
161
- export declare type ActionCellWrapperComponent = React.FC<{
162
- children: ReactNode;
163
- }>;
164
- export interface FilterListItemProps<F extends Filter<any, any>, T> {
165
- filter: F;
166
- value: RequestFilter<T>;
167
- onFilter: (value: RequestFilter<T>) => void;
168
- }
169
- export declare type FilterListItemComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterListItemProps<Filters<F>, T>>;
170
- export interface FilterInputProps<F extends Filter<any, any>, T> {
171
- gridName: string | null;
172
- filter: F;
173
- value?: RequestFilter<T>;
174
- onFilter: (value: RequestFilter<T>) => void;
175
- }
176
- export declare type FilterInputComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterInputProps<Filters<F>, T>>;
177
- declare type GridRequest = {
178
- f: RequestFilter[];
179
- sort: string | null;
180
- dir: SortDirection | null;
181
- page: number;
182
- perPage: number;
183
- search: string;
184
- tab: string | null;
185
- };
186
- export interface DataGridState {
187
- loading?: boolean;
188
- response?: Response;
189
- request: GridRequest;
190
- error?: any;
191
- tabRequests: {
192
- [tab: string]: GridRequest;
193
- };
194
- }
195
- export declare type ContainerComponent = React.FC<{
196
- mr?: number;
197
- ml?: number;
198
- mt?: number;
199
- mb?: number;
200
- mx?: number;
201
- my?: number;
202
- m?: number;
203
- noBorder?: boolean;
204
- children: ReactNode;
205
- }>;
206
- export declare type ToolbarContainerComponent = React.FC<{
207
- children: ReactNode;
208
- noBorder?: boolean;
209
- }>;
210
- export declare type ToolbarPlugin = React.FC<{
211
- props: DataGridProps<any, any>;
212
- state: DataGridState;
213
- dispatch: Dispatch<any>;
214
- schema: Schema<any>;
215
- reload: () => Promise<void>;
216
- tab: {
217
- onChange: (tabName: string) => void;
218
- active: string | null;
219
- };
220
- fulltext: {
221
- onChange: (value: string) => void;
222
- value: string;
223
- placeholder?: string;
224
- };
225
- filter: {
226
- onReset: (initialFilters?: RequestFilter[]) => void;
227
- onFilter: (value: RequestFilter) => void;
228
- filtersData: RequestFilter[];
229
- FilterInput: FilterInputComponent<any>;
230
- };
231
- hiddenColumns: {
232
- value?: string[];
233
- onChange?: (value: string[]) => void;
234
- };
235
- }>;
236
- export declare type PaginationComponent = React.FC<{
237
- count: number;
238
- page: number;
239
- perPage: number;
240
- onChangePage: (page: number) => void;
241
- onChangeRowsPerPage: (perPage: number) => void;
242
- }>;
243
- export declare type FilterListComponent = React.FC<{
244
- dispatch: (action: any) => void;
245
- onFilter: (value: RequestFilter) => void;
246
- filters: Filter<any, any>[];
247
- filtersData: RequestFilter[];
248
- FilterListItem: FilterListItemComponent<any>;
249
- noBorder?: boolean;
250
- }>;
251
- export declare type NoRowsFallbackComponent = React.FC<{
252
- error?: any;
253
- loading: boolean;
254
- }>;
255
- export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
256
- export declare type LinearProgressComponent = React.FC<{
257
- loading: boolean;
258
- }>;
259
- export declare type SelectedRowsToolbarActionsComponent = React.FC<{
260
- selectedRows: Set<number>;
261
- onChangeSelectedRows: (rows: Set<number>) => void;
262
- reload: () => Promise<void>;
263
- }>;
264
- export declare type SelectedRowsToolbarComponent = React.FC<{
265
- selectedRows?: Set<number>;
266
- onChangeSelectedRows?: (rows: Set<number>) => void;
267
- Actions?: SelectedRowsToolbarActionsComponent;
268
- reload: () => Promise<void>;
269
- }>;
270
- export {};
package/useColumns.js DELETED
@@ -1,102 +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 __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.useColumns = void 0;
48
- var react_1 = __importStar(require("react"));
49
- var react_data_grid_1 = require("react-data-grid");
50
- var tailwindui_1 = require("./tailwindui");
51
- var useColumns = function (props, reload) {
52
- var onChangeSelectedRows = props.onChangeSelectedRows, schema = props.schema, hiddenColumns = props.hiddenColumns, defaultConfig = props.defaultConfig, ui = props.ui, onOpen = props.onOpen, onEdit = props.onEdit, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onRemove = props.onRemove;
53
- var ActionCell = ui.ActionCell, actionCellWidth = ui.actionCellWidth;
54
- var rdgActionColumn = (0, react_1.useMemo)(function () {
55
- return (ActionCell && ActionCell !== tailwindui_1.ActionCellBase) || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove
56
- ? {
57
- key: "__action_column",
58
- name: "",
59
- resizable: false,
60
- headerCellClass: "rdg-action-cell",
61
- cellClass: "action rdg-action-cell",
62
- width: ActionCell
63
- ? actionCellWidth
64
- : [onRemove, onEdit !== null && onEdit !== void 0 ? onEdit : getEditUrl, onOpen !== null && onOpen !== void 0 ? onOpen : getOpenUrl].filter(function (i) { return i; }).length * 36 + 8 * 2,
65
- formatter: function (p) {
66
- return (react_1.default.createElement(ui.ActionCellWrapper, null,
67
- react_1.default.createElement(ui.ActionCell, { row: p.row, reload: reload, onRemove: onRemove, onEdit: onEdit, getEditUrl: getEditUrl, onOpen: onOpen, getOpenUrl: getOpenUrl })));
68
- },
69
- }
70
- : null;
71
- }, [ActionCell, actionCellWidth, getEditUrl, getOpenUrl, onEdit, onOpen, onRemove, reload, ui]);
72
- var rdgColumns = (0, react_1.useMemo)(function () {
73
- return schema.columns
74
- .filter(function (c) { return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(c.name)); })
75
- .map(function (c) {
76
- var _a, _b;
77
- return ({
78
- key: c.name,
79
- name: c.label,
80
- headerCellClass: c.type,
81
- resizable: true,
82
- sortable: c.sort,
83
- width: (_a = c.width) !== null && _a !== void 0 ? _a : (_b = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _b === void 0 ? void 0 : _b.width,
84
- minWidth: c.minWidth,
85
- maxWidth: c.maxWidth,
86
- formatter: function (p) {
87
- return (react_1.default.createElement(ui.BodyCell, { column: {
88
- name: p.column.key,
89
- label: p.column.name,
90
- sort: p.column.sortable,
91
- type: p.column.headerCellClass, //TODO
92
- }, reload: reload, row: p.row }));
93
- },
94
- });
95
- });
96
- }, [defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns, hiddenColumns, reload, schema.columns, ui]);
97
- return (0, react_1.useMemo)(function () {
98
- return __spreadArray(__spreadArray([onChangeSelectedRows ? react_data_grid_1.SelectColumn : null], __read(rdgColumns), false), [rdgActionColumn], false).filter(function (c) { return c !== null; });
99
- }, [onChangeSelectedRows, rdgActionColumn, rdgColumns]);
100
- };
101
- exports.useColumns = useColumns;
102
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy91c2VDb2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1QztBQUN2QyxtREFBdUQ7QUFFdkQsMkNBQThDO0FBRXZDLElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBOEIsRUFBRSxNQUEyQjtJQUU5RSxJQUFBLG9CQUFvQixHQVVwQixLQUFLLHFCQVZlLEVBQ3BCLE1BQU0sR0FTTixLQUFLLE9BVEMsRUFDTixhQUFhLEdBUWIsS0FBSyxjQVJRLEVBQ2IsYUFBYSxHQU9iLEtBQUssY0FQUSxFQUNiLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixNQUFNLEdBS04sS0FBSyxPQUxDLEVBQ04sTUFBTSxHQUlOLEtBQUssT0FKQyxFQUNOLFVBQVUsR0FHVixLQUFLLFdBSEssRUFDVixVQUFVLEdBRVYsS0FBSyxXQUZLLEVBQ1YsUUFBUSxHQUNSLEtBQUssU0FERyxDQUNGO0lBRUYsSUFBQSxVQUFVLEdBQXNCLEVBQUUsV0FBeEIsRUFBRSxlQUFlLEdBQUssRUFBRSxnQkFBUCxDQUFRO0lBRTNDLElBQU0sZUFBZSxHQUF1QixJQUFBLGVBQU8sRUFBQztRQUNoRCxPQUFPLENBQUMsVUFBVSxJQUFJLFVBQVUsS0FBSywyQkFBYyxDQUFDLElBQUksTUFBTSxJQUFJLE1BQU0sSUFBSSxVQUFVLElBQUksVUFBVSxJQUFJLFFBQVE7WUFDNUcsQ0FBQyxDQUFDO2dCQUNJLEdBQUcsRUFBRSxpQkFBaUI7Z0JBQ3RCLElBQUksRUFBRSxFQUFFO2dCQUNSLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixlQUFlLEVBQUUsaUJBQWlCO2dCQUNsQyxTQUFTLEVBQUUsd0JBQXdCO2dCQUNuQyxLQUFLLEVBQUUsVUFBVTtvQkFDYixDQUFDLENBQUMsZUFBZTtvQkFDakIsQ0FBQyxDQUFDLENBQUMsUUFB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