@uxf/data-grid 3.1.8 → 4.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 (91) hide show
  1. package/DataGrid.js +75 -108
  2. package/components/{ActionCellBase.d.ts → action-cell-base.d.ts} +0 -0
  3. package/components/action-cell-base.js +90 -0
  4. package/components/badge.d.ts +5 -0
  5. package/components/badge.js +18 -0
  6. package/components/{BodyCellBase.d.ts → body-cell-base.d.ts} +0 -0
  7. package/components/body-cell-base.js +23 -0
  8. package/components/{BodyCellWrapper.d.ts → body-cell-wrapper.d.ts} +1 -0
  9. package/components/body-cell-wrapper.js +13 -0
  10. package/components/circle-button.d.ts +8 -0
  11. package/components/circle-button.js +13 -0
  12. package/components/container.d.ts +2 -0
  13. package/components/container.js +20 -0
  14. package/components/drawer.d.ts +9 -0
  15. package/components/drawer.js +22 -0
  16. package/components/empty.d.ts +1 -0
  17. package/components/empty.js +12 -0
  18. package/components/error.d.ts +5 -0
  19. package/components/error.js +12 -0
  20. package/components/{FilterInputBase.d.ts → filter-input-base.d.ts} +0 -0
  21. package/components/filter-input-base.js +30 -0
  22. package/components/{FilterListItemBase.d.ts → filter-list-item-base.d.ts} +0 -0
  23. package/components/filter-list-item-base.js +34 -0
  24. package/components/{FiltersList.d.ts → filters-list.d.ts} +0 -0
  25. package/components/filters-list.js +44 -0
  26. package/components/icons/chevron-double-left.d.ts +2 -0
  27. package/components/icons/chevron-double-left.js +13 -0
  28. package/components/icons/chevron-double-right.d.ts +2 -0
  29. package/components/icons/chevron-double-right.js +13 -0
  30. package/components/icons/chevron-left.d.ts +2 -0
  31. package/components/icons/chevron-left.js +13 -0
  32. package/components/icons/chevron-right.d.ts +2 -0
  33. package/components/icons/chevron-right.js +13 -0
  34. package/components/icons/cloud-download.d.ts +2 -0
  35. package/components/icons/cloud-download.js +13 -0
  36. package/components/icons/edit.d.ts +2 -0
  37. package/components/icons/edit.js +13 -0
  38. package/components/icons/filter.d.ts +2 -0
  39. package/components/icons/filter.js +13 -0
  40. package/components/icons/open.d.ts +2 -0
  41. package/components/icons/open.js +13 -0
  42. package/components/icons/table.d.ts +2 -0
  43. package/components/icons/table.js +13 -0
  44. package/components/icons/trash.d.ts +2 -0
  45. package/components/icons/trash.js +13 -0
  46. package/components/inputs/checkbox.d.ts +10 -0
  47. package/components/inputs/checkbox.js +23 -0
  48. package/components/inputs/select.d.ts +13 -0
  49. package/components/inputs/select.js +19 -0
  50. package/components/inputs/switch.d.ts +7 -0
  51. package/components/inputs/switch.js +19 -0
  52. package/components/inputs/text-input.d.ts +7 -0
  53. package/components/inputs/text-input.js +18 -0
  54. package/components/linear-progress.d.ts +2 -0
  55. package/components/linear-progress.js +10 -0
  56. package/components/pagination.d.ts +2 -0
  57. package/components/pagination.js +55 -0
  58. package/components/spinner.d.ts +2 -0
  59. package/components/spinner.js +12 -0
  60. package/components/toolbar-container.d.ts +2 -0
  61. package/components/toolbar-container.js +12 -0
  62. package/index.d.ts +5 -5
  63. package/index.js +6 -6
  64. package/package.json +6 -11
  65. package/store/reducer.js +2 -1
  66. package/styles.css +60 -0
  67. package/toolbar-plugins/csv-export-plugin.d.ts +2 -0
  68. package/toolbar-plugins/csv-export-plugin.js +20 -0
  69. package/toolbar-plugins/filters-plugin.d.ts +2 -0
  70. package/toolbar-plugins/filters-plugin.js +67 -0
  71. package/toolbar-plugins/fulltext-plugin.d.ts +2 -0
  72. package/toolbar-plugins/fulltext-plugin.js +65 -0
  73. package/toolbar-plugins/hidden-columns-plugin.d.ts +2 -0
  74. package/toolbar-plugins/hidden-columns-plugin.js +79 -0
  75. package/toolbar-plugins/title-plugin.d.ts +2 -0
  76. package/toolbar-plugins/title-plugin.js +16 -0
  77. package/types.d.ts +51 -22
  78. package/components/ActionCellBase.js +0 -96
  79. package/components/BodyCellBase.js +0 -23
  80. package/components/BodyCellWrapper.js +0 -14
  81. package/components/Drawer.d.ts +0 -7
  82. package/components/Drawer.js +0 -42
  83. package/components/FilterInputBase.js +0 -43
  84. package/components/FilterListItemBase.js +0 -25
  85. package/components/Filters.d.ts +0 -11
  86. package/components/Filters.js +0 -66
  87. package/components/FiltersList.js +0 -47
  88. package/components/HiddenColumns.d.ts +0 -10
  89. package/components/HiddenColumns.js +0 -79
  90. package/components/Paper.d.ts +0 -15
  91. package/components/Paper.js +0 -15
package/index.js CHANGED
@@ -12,13 +12,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  exports.encodeFilter = exports.decodeFilter = void 0;
14
14
  __exportStar(require("./DataGrid"), exports);
15
- __exportStar(require("./components/ActionCellBase"), exports);
16
- __exportStar(require("./components/BodyCellBase"), exports);
17
- __exportStar(require("./components/BodyCellWrapper"), exports);
18
- __exportStar(require("./components/FilterInputBase"), exports);
19
- __exportStar(require("./components/FilterListItemBase"), exports);
15
+ __exportStar(require("./components/action-cell-base"), exports);
16
+ __exportStar(require("./components/body-cell-base"), exports);
17
+ __exportStar(require("./components/body-cell-wrapper"), exports);
18
+ __exportStar(require("./components/filter-input-base"), exports);
19
+ __exportStar(require("./components/filter-list-item-base"), exports);
20
20
  __exportStar(require("./types"), exports);
21
21
  var utils_1 = require("./utils/utils");
22
22
  Object.defineProperty(exports, "decodeFilter", { enumerable: true, get: function () { return utils_1.decodeFilter; } });
23
23
  Object.defineProperty(exports, "encodeFilter", { enumerable: true, get: function () { return utils_1.encodeFilter; } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiw4REFBNEM7QUFDNUMsNERBQTBDO0FBQzFDLCtEQUE2QztBQUM3QywrREFBNkM7QUFDN0Msa0VBQWdEO0FBQ2hELDBDQUF3QjtBQUV4Qix1Q0FBMkQ7QUFBbEQscUdBQUEsWUFBWSxPQUFBO0FBQUUscUdBQUEsWUFBWSxPQUFBIn0=
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQixnRUFBOEM7QUFDOUMsOERBQTRDO0FBQzVDLGlFQUErQztBQUMvQyxpRUFBK0M7QUFDL0MscUVBQW1EO0FBQ25ELDBDQUF3QjtBQUV4Qix1Q0FBMkQ7QUFBbEQscUdBQUEsWUFBWSxPQUFBO0FBQUUscUdBQUEsWUFBWSxPQUFBIn0=
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "@uxf/data-grid",
3
- "version": "3.1.8",
3
+ "version": "4.0.0-beta.2",
4
4
  "description": "Redux DataGrid",
5
5
  "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
6
6
  "main": "index.js",
7
7
  "typings": "index.d.ts",
8
- "module": "index.js",
9
8
  "publishConfig": {
10
9
  "access": "public"
11
10
  },
@@ -33,10 +32,6 @@
33
32
  "node": ">=8.9"
34
33
  },
35
34
  "peerDependencies": {
36
- "@emotion/react": "^11.4.1",
37
- "@emotion/styled": "^11.3.0",
38
- "@mui/icons-material": "^5.0.0-rc.1",
39
- "@mui/material": "^5.0.0-rc.1",
40
35
  "react": "^17.0.2",
41
36
  "react-dom": "^17.0.2"
42
37
  },
@@ -45,10 +40,7 @@
45
40
  "react-data-grid": "^7.0.0-beta.5"
46
41
  },
47
42
  "devDependencies": {
48
- "@emotion/react": "^11.4.1",
49
- "@emotion/styled": "^11.3.0",
50
- "@mui/icons-material": "^5.0.0",
51
- "@mui/material": "^5.0.0",
43
+ "@tailwindcss/forms": "^0.5.2",
52
44
  "@types/jest": "^26.0.19",
53
45
  "@types/react": "^17.0.22",
54
46
  "@types/react-dom": "^17.0.0",
@@ -62,11 +54,14 @@
62
54
  "eslint-plugin-jsx-a11y": "^6.5.1",
63
55
  "eslint-plugin-react": "^7.28.0",
64
56
  "jest": "^26.6.3",
65
- "parcel-bundler": "^1.12.5",
57
+ "parcel": "^2.0.0-nightly.1125",
58
+ "postcss": "^8.4.14",
66
59
  "prettier": "^1.18.2",
60
+ "process": "^0.11.10",
67
61
  "react": "^17.0.2",
68
62
  "react-dom": "^17.0.2",
69
63
  "react-test-renderer": "^17.0.1",
64
+ "tailwindcss": "^3.1.3",
70
65
  "ts-jest": "^26.4.4",
71
66
  "ts-loader": "^6.2.0",
72
67
  "typescript": "^4.1.3"
package/store/reducer.js CHANGED
@@ -47,6 +47,7 @@ var getInitialState = function (schema, init) {
47
47
  dir: (_d = initialState.dir) !== null && _d !== void 0 ? _d : schema.dir,
48
48
  sort: (_e = initialState.sort) !== null && _e !== void 0 ? _e : schema.sort,
49
49
  perPage: (_f = initialState.perPage) !== null && _f !== void 0 ? _f : schema.perPage,
50
+ mounted: false,
50
51
  };
51
52
  };
52
53
  exports.getInitialState = getInitialState;
@@ -83,4 +84,4 @@ var reducer = function (state, action) {
83
84
  }
84
85
  };
85
86
  exports.reducer = reducer;
86
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLHdDQUE4QztBQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7UUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztRQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztRQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtRQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztLQUNsRCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVFcsUUFBQSxlQUFlLG1CQVMxQjtBQUVLLElBQU0sT0FBTyxHQUFnQyxVQUFDLEtBQUssRUFBRSxNQUFNO0lBQzlELFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRTtRQUNqQixLQUFLLFFBQVE7WUFDVCw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLElBQUksSUFDZjtRQUNOLEtBQUssYUFBYTtZQUNkLDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsS0FBSyxFQUNkLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxJQUMzQjtRQUNOLEtBQUssZUFBZTtZQUNoQiw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLEtBQUssRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDckI7UUFDTixLQUFLLGFBQWE7WUFDZCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQ25CO1FBQ04sS0FBSyxpQkFBaUI7WUFDbEIsNkJBQ08sS0FBSyxLQUNSLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN6QjtRQUNOLEtBQUssUUFBUTtZQUNULGdEQUFnRDtZQUNoRCxJQUFNLGFBQVcsR0FBa0IsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUN0RCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLENBQUMsRUFDUCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLGFBQVcsQ0FBQyxJQUFJLEVBQTNCLENBQTJCLENBQUM7b0JBQzdDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxhQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUEvQyxDQUErQyxDQUFDO29CQUNuRSxDQUFDLHdDQUFLLEtBQUssQ0FBQyxDQUFDLFlBQUUsYUFBVyxTQUFDLElBQ2pDO1FBQ04sS0FBSyxjQUFjO1lBQ2YsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxDQUFDLEVBQ1AsQ0FBQyxFQUFFLEVBQUUsSUFDUDtRQUNOLEtBQUssTUFBTTtZQUNQLDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDdkIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQ3ZCO1FBQ04sS0FBSyxZQUFZO1lBQ2IsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLElBQUksSUFDWDtRQUNOLEtBQUssVUFBVTtZQUNYLDZCQUNPLEtBQUssS0FDUixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDekIsSUFBSSxFQUFFLENBQUMsSUFDVDtRQUNOO1lBQ0ksc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDakQsT0FBTyxLQUFLLENBQUM7S0FDcEI7QUFDTCxDQUFDLENBQUM7QUFwRVcsUUFBQSxPQUFPLFdBb0VsQiJ9
87
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLHdDQUE4QztBQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7UUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztRQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztRQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtRQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztRQUMvQyxPQUFPLEVBQUUsS0FBSztLQUNqQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxlQUFlLG1CQVUxQjtBQUVLLElBQU0sT0FBTyxHQUFnQyxVQUFDLEtBQUssRUFBRSxNQUFNO0lBQzlELFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRTtRQUNqQixLQUFLLFFBQVE7WUFDVCw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLElBQUksSUFDZjtRQUNOLEtBQUssYUFBYTtZQUNkLDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsS0FBSyxFQUNkLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxJQUMzQjtRQUNOLEtBQUssZUFBZTtZQUNoQiw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLEtBQUssRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDckI7UUFDTixLQUFLLGFBQWE7WUFDZCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQ25CO1FBQ04sS0FBSyxpQkFBaUI7WUFDbEIsNkJBQ08sS0FBSyxLQUNSLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN6QjtRQUNOLEtBQUssUUFBUTtZQUNULGdEQUFnRDtZQUNoRCxJQUFNLGFBQVcsR0FBa0IsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUN0RCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLENBQUMsRUFDUCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLGFBQVcsQ0FBQyxJQUFJLEVBQTNCLENBQTJCLENBQUM7b0JBQzdDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxhQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUEvQyxDQUErQyxDQUFDO29CQUNuRSxDQUFDLHdDQUFLLEtBQUssQ0FBQyxDQUFDLFlBQUUsYUFBVyxTQUFDLElBQ2pDO1FBQ04sS0FBSyxjQUFjO1lBQ2YsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxDQUFDLEVBQ1AsQ0FBQyxFQUFFLEVBQUUsSUFDUDtRQUNOLEtBQUssTUFBTTtZQUNQLDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDdkIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQ3ZCO1FBQ04sS0FBSyxZQUFZO1lBQ2IsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLElBQUksSUFDWDtRQUNOLEtBQUssVUFBVTtZQUNYLDZCQUNPLEtBQUssS0FDUixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDekIsSUFBSSxFQUFFLENBQUMsSUFDVDtRQUNOO1lBQ0ksc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDakQsT0FBTyxLQUFLLENBQUM7S0FDcEI7QUFDTCxDQUFDLENBQUM7QUFwRVcsUUFBQSxPQUFPLFdBb0VsQiJ9
package/styles.css ADDED
@@ -0,0 +1,60 @@
1
+ .rdg-cell.action {
2
+ text-align: right;
3
+ border-right: 0;
4
+ align-items: center;
5
+ display: flex;
6
+ justify-content: center;
7
+ position: sticky;
8
+ box-shadow: -3px 0 15px rgba(221, 221, 221, 0.5);
9
+ right: 0;
10
+ }
11
+ .rdg-header-row {
12
+ background-color: transparent;
13
+ }
14
+ .rdg-header-row .rdg-cell {
15
+ border-right: 0;
16
+ box-shadow: none;
17
+ }
18
+ .rdg-header-sort-name + span {
19
+ display: flex;
20
+ align-items: center;
21
+ }
22
+ .datagrid-linear-progress {
23
+ width: 100%;
24
+ height: 3px;
25
+ position: relative;
26
+ overflow: hidden;
27
+ background-color: #ddd;
28
+ -webkit-border-radius: 20px;
29
+ -moz-border-radius: 20px;
30
+ border-radius: 20px;
31
+ }
32
+
33
+ .datagrid-linear-progress:before {
34
+ content: "";
35
+ position: absolute;
36
+ left: -50%;
37
+ height: 3px;
38
+ width: 40%;
39
+ background-color: coral;
40
+ -webkit-animation: datagridLineAnim 1s linear infinite;
41
+ -moz-animation: datagridLineAnim 1s linear infinite;
42
+ animation: datagridLineAnim 1s linear infinite;
43
+ -webkit-border-radius: 20px;
44
+ -moz-border-radius: 20px;
45
+ border-radius: 20px;
46
+ }
47
+
48
+ @keyframes datagridLineAnim {
49
+ 0% {
50
+ left: -40%;
51
+ }
52
+ 50% {
53
+ left: 20%;
54
+ width: 80%;
55
+ }
56
+ 100% {
57
+ left: 100%;
58
+ width: 100%;
59
+ }
60
+ }
@@ -0,0 +1,2 @@
1
+ import { ToolbarPlugin } from "../types";
2
+ export declare const CsvExportPlugin: ToolbarPlugin;
@@ -0,0 +1,20 @@
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.CsvExportPlugin = void 0;
7
+ var utils_1 = require("../utils/utils");
8
+ var cloud_download_1 = require("../components/icons/cloud-download");
9
+ var circle_button_1 = require("../components/circle-button");
10
+ var react_1 = __importDefault(require("react"));
11
+ var CsvExportPlugin = function (props) {
12
+ var dataGridState = props.dataGridState, dataGridProps = props.dataGridProps;
13
+ return (react_1.default.createElement(circle_button_1.CircleButton, { title: "St\u00E1hnout csv", onClick: function () {
14
+ return dataGridProps.onCsvDownload &&
15
+ dataGridProps.onCsvDownload((0, utils_1.createRequest)(dataGridState, dataGridProps.schema.sort, dataGridProps.schema.dir));
16
+ } },
17
+ react_1.default.createElement(cloud_download_1.CloudDownload, null)));
18
+ };
19
+ exports.CsvExportPlugin = CsvExportPlugin;
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3N2LWV4cG9ydC1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdG9vbGJhci1wbHVnaW5zL2Nzdi1leHBvcnQtcGx1Z2luLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSx3Q0FBK0M7QUFDL0MscUVBQW1FO0FBQ25FLDZEQUEyRDtBQUMzRCxnREFBMEI7QUFFbkIsSUFBTSxlQUFlLEdBQWtCLFVBQUEsS0FBSztJQUN2QyxJQUFBLGFBQWEsR0FBb0IsS0FBSyxjQUF6QixFQUFFLGFBQWEsR0FBSyxLQUFLLGNBQVYsQ0FBVztJQUMvQyxPQUFPLENBQ0gsOEJBQUMsNEJBQVksSUFDVCxLQUFLLEVBQUMsbUJBQWMsRUFDcEIsT0FBTyxFQUFFO1lBQ0wsT0FBQSxhQUFhLENBQUMsYUFBYTtnQkFDM0IsYUFBYSxDQUFDLGFBQWEsQ0FDdkIsSUFBQSxxQkFBYSxFQUFDLGFBQWEsRUFBRSxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxhQUFhLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUNwRjtRQUhELENBR0M7UUFHTCw4QkFBQyw4QkFBYSxPQUFHLENBQ04sQ0FDbEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWZXLFFBQUEsZUFBZSxtQkFlMUIifQ==
@@ -0,0 +1,2 @@
1
+ import { ToolbarPlugin } from "../types";
2
+ export declare const FiltersPlugin: ToolbarPlugin;
@@ -0,0 +1,67 @@
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 actions_1 = require("../store/actions");
41
+ var drawer_1 = require("../components/drawer");
42
+ var circle_button_1 = require("../components/circle-button");
43
+ var filter_1 = require("../components/icons/filter");
44
+ var filter_input_base_1 = require("../components/filter-input-base");
45
+ var FiltersPlugin = function (props) {
46
+ var _a, _b;
47
+ var dataGridProps = props.dataGridProps, dataGridState = props.dataGridState, dispatch = props.dispatch;
48
+ var _c = __read((0, react_1.useState)(false), 2), isOpen = _c[0], setIsOpen = _c[1];
49
+ var filters = dataGridProps.schema.filters;
50
+ var FilterInput = (_b = (_a = dataGridProps.ui) === null || _a === void 0 ? void 0 : _a.FilterInput) !== null && _b !== void 0 ? _b : filter_input_base_1.FilterInputBase;
51
+ var gridName = dataGridProps.gridName;
52
+ var filtersData = dataGridState.f;
53
+ if (filters.length === 0) {
54
+ return null;
55
+ }
56
+ return (react_1.default.createElement(react_1.default.Fragment, null,
57
+ react_1.default.createElement("div", null,
58
+ react_1.default.createElement(circle_button_1.CircleButton, { onClick: function () { return setIsOpen(true); }, title: "Filtrovat" },
59
+ react_1.default.createElement(filter_1.Filter, null))),
60
+ react_1.default.createElement(drawer_1.Drawer, { open: isOpen, onClose: function () { return setIsOpen(false); }, title: "Filtry" },
61
+ react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, filters.map(function (filter) {
62
+ var _a;
63
+ return (react_1.default.createElement(FilterInput, { key: filter.name, filter: filter, gridName: gridName !== null && gridName !== void 0 ? gridName : null, value: (_a = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _a !== void 0 ? _a : { name: filter.name, value: null }, onFilter: function (v) { return dispatch((0, actions_1.filter)(v)); } }));
64
+ })))));
65
+ };
66
+ exports.FiltersPlugin = FiltersPlugin;
67
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdG9vbGJhci1wbHVnaW5zL2ZpbHRlcnMtcGx1Z2luLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3QztBQUN4Qyw0Q0FBMEQ7QUFFMUQsK0NBQThDO0FBQzlDLDZEQUEyRDtBQUMzRCxxREFBa0U7QUFDbEUscUVBQWtFO0FBRTNELElBQU0sYUFBYSxHQUFrQixVQUFBLEtBQUs7O0lBQ3JDLElBQUEsYUFBYSxHQUE4QixLQUFLLGNBQW5DLEVBQUUsYUFBYSxHQUFlLEtBQUssY0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDbkQsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBTSxPQUFPLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDN0MsSUFBTSxXQUFXLEdBQUcsTUFBQSxNQUFBLGFBQWEsQ0FBQyxFQUFFLDBDQUFFLFdBQVcsbUNBQUksbUNBQWUsQ0FBQztJQUNyRSxJQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFDO0lBQ3hDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFFcEMsSUFBSSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0k7WUFDSSw4QkFBQyw0QkFBWSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWUsRUFBRSxLQUFLLEVBQUMsV0FBVztnQkFDM0QsOEJBQUMsZUFBVSxPQUFHLENBQ0gsQ0FDYjtRQUNOLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLEtBQUssRUFBQyxRQUFRO1lBQ2pFLHVDQUFLLFNBQVMsRUFBQyx5QkFBeUIsSUFDbkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU07O2dCQUFJLE9BQUEsQ0FDbkIsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxJQUFJLEVBQzFCLEtBQUssRUFBRSxNQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQXRCLENBQXNCLENBQUMsbUNBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQzFGLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsQ0FBQyxJQUFBLGdCQUFZLEVBQUMsQ0FBQyxDQUFDLENBQUMsRUFBekIsQ0FBeUIsR0FDMUMsQ0FDTCxDQUFBO2FBQUEsQ0FBQyxDQUNBLENBQ0QsQ0FDVixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUFuQ1csUUFBQSxhQUFhLGlCQW1DeEIifQ==
@@ -0,0 +1,2 @@
1
+ import { ToolbarPlugin } from "../types";
2
+ export declare const FulltextPlugin: ToolbarPlugin;
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Rvb2xiYXItcGx1Z2lucy9mdWxsdGV4dC1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQWdEO0FBRWhELDZEQUEyRDtBQUVwRCxJQUFNLGNBQWMsR0FBa0IsVUFBQSxLQUFLOztJQUN0QyxJQUFBLFFBQVEsR0FBYSxLQUFLLFNBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBQzdCLElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBcEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFtQixDQUFDO0lBRTVDLElBQU0sUUFBUSxHQUFHLElBQUEsY0FBTSxHQUFPLENBQUM7SUFFL0IsSUFBTSxNQUFNLEdBQUc7UUFDWCxJQUFNLFNBQVMsR0FBRyxNQUFNLENBQUM7UUFDekIsU0FBUyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNaLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDNUI7SUFDTCxDQUFDLENBQUM7SUFFRixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRTtRQUNsQixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxpQ0FBaUM7UUFDNUMsOEJBQUMsNEJBQVksSUFBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxRQUFRO1lBQ3pDLHVDQUNJLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsU0FBUyxFQUFDLFNBQVMsRUFDbkIsSUFBSSxFQUFDLE1BQU0sRUFDWCxPQUFPLEVBQUMsV0FBVyxFQUNuQixNQUFNLEVBQUMsY0FBYyxFQUNyQixXQUFXLEVBQUUsQ0FBQztnQkFFZCx3Q0FDSSxhQUFhLEVBQUMsT0FBTyxFQUNyQixjQUFjLEVBQUMsT0FBTyxFQUN0QixDQUFDLEVBQUMsNkNBQTZDLEdBQ2pELENBQ0EsQ0FDSztRQUNmLHVDQUNJLFNBQVMsRUFDTCxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7Z0JBQ3pCLDhFQUE4RTtZQUdsRix5Q0FDSSxHQUFHLEVBQUUsUUFBUSxFQUNiLElBQUksRUFBQyxNQUFNLEVBQ1gsV0FBVyxFQUFFLE1BQUEsUUFBUSxDQUFDLFdBQVcsbUNBQUksc0JBQXNCLEVBQzNELFNBQVMsRUFBQyw0QkFBNEIsRUFDdEMsUUFBUSxFQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFqQyxDQUFpQyxFQUNoRCxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDdkIsQ0FDQSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXJEVyxRQUFBLGNBQWMsa0JBcUR6QiJ9
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlkZGVuLWNvbHVtbnMtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Rvb2xiYXItcGx1Z2lucy9oaWRkZW4tY29sdW1ucy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXdDO0FBRXhDLCtDQUE4QztBQUM5QyxzREFBcUQ7QUFDckQsNkRBQTJEO0FBQzNELG1EQUErRDtBQUV4RCxJQUFNLG1CQUFtQixHQUFrQixVQUFBLEtBQUs7O0lBQzNDLElBQUEsYUFBYSxHQUFLLEtBQUssY0FBVixDQUFXO0lBQ2hDLElBQU0sT0FBTyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO0lBQzdDLElBQU0sYUFBYSxHQUFHLE1BQUEsYUFBYSxDQUFDLGFBQWEsbUNBQUksRUFBRSxDQUFDO0lBQ3hELElBQU0scUJBQXFCLEdBQUcsYUFBYSxDQUFDLHFCQUFxQixDQUFDO0lBRTVELElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBcEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFtQixDQUFDO0lBRTVDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtRQUN4QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsSUFBTSxRQUFRLEdBQUcsVUFBQyxNQUF3QixJQUFLLE9BQUE7UUFDM0MsSUFBSSxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNyQyxxQkFBcUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFVBQUEsRUFBRSxJQUFJLE9BQUEsRUFBRSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQWxCLENBQWtCLENBQUMsQ0FBQyxDQUFDO1NBQ3pFO2FBQU07WUFDSCxxQkFBcUIsd0NBQUssYUFBYSxZQUFFLE1BQU0sQ0FBQyxJQUFJLFVBQUUsQ0FBQztTQUMxRDtJQUNMLENBQUMsRUFOOEMsQ0FNOUMsQ0FBQztJQUNGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDRCQUFZLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQWYsQ0FBZSxFQUFFLEtBQUssRUFBQyw2QkFBbUI7WUFDbkUsOEJBQUMsYUFBUyxPQUFHLENBQ0Y7UUFDZiw4QkFBQyxlQUFNLElBQUMsS0FBSyxFQUFDLGtCQUFrQixFQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1lBQzFFLHVDQUFLLFNBQVMsRUFBQyx5QkFBeUIsSUFDbkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLENBQ25CLHVDQUFLLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDakIsOEJBQUMsZUFBTSxJQUNILEtBQUssRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUMzQyxRQUFRLEVBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUMxQixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssR0FDckIsQ0FDQSxDQUNULEVBUnNCLENBUXRCLENBQUMsQ0FDQSxDQUNELENBQ1YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkNXLFFBQUEsbUJBQW1CLHVCQXVDOUIifQ==
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Rvb2xiYXItcGx1Z2lucy90aXRsZS1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLFdBQVcsR0FBa0IsVUFBQSxLQUFLO0lBQ25DLElBQUEsYUFBYSxHQUFLLEtBQUssY0FBVixDQUFXO0lBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFO1FBQ3RCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFDRCxPQUFPLHVDQUFLLFNBQVMsRUFBQyxnQkFBZ0IsSUFBRSxhQUFhLENBQUMsS0FBSyxDQUFPLENBQUM7QUFDdkUsQ0FBQyxDQUFDO0FBTlcsUUFBQSxXQUFXLGVBTXRCIn0=
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,28 @@ export declare type ActionCellWithRequiredWidth<R> = {
27
26
  ActionCell?: never;
28
27
  actionCellWidth?: never;
29
28
  };
29
+ export declare type UIComponents<GridType extends BaseGridType, R> = {
30
+ ActionCell: ActionCellComponent<R>;
31
+ BodyCell: BodyCellComponent<GridType["columns"], R>;
32
+ FilterInput: FilterInputComponent<GridType["filters"]>;
33
+ FilterListItem: FilterListItemComponent<GridType["filters"]>;
34
+ Pagination: PaginationComponent;
35
+ Container: ContainerComponent;
36
+ ToolbarContainer: ToolbarContainerComponent;
37
+ LinearProgress: React.FC;
38
+ };
30
39
  export declare type DataGridProps<GridType extends BaseGridType, R> = {
40
+ schema: Schema<GridType>;
41
+ loader: Loader;
31
42
  gridName?: string;
32
43
  title?: ReactNode;
33
- schema: Schema<GridType>;
44
+ ui?: Partial<UIComponents<GridType, R>>;
34
45
  keyExtractor?: KeyExtractor;
35
- loader: Loader;
36
46
  initialState?: Request | string;
37
47
  onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
38
48
  hiddenColumns?: string[];
39
49
  selectableRows?: SelectableRows;
40
- search?: boolean;
41
- print?: boolean;
42
50
  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
51
  onChangeSelectedRows?: (selectedRows: R[]) => void;
51
52
  selectedRows?: R[];
52
53
  onOpen?: (row: R) => void;
@@ -61,9 +62,12 @@ export declare type DataGridProps<GridType extends BaseGridType, R> = {
61
62
  mt?: number;
62
63
  mr?: number;
63
64
  mb?: number;
65
+ mx?: number;
66
+ my?: number;
67
+ m?: number;
64
68
  defaultConfig?: Config<GridType["columns"]>;
65
- FullTextInputProps?: Partial<TextFieldProps>;
66
69
  rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
70
+ toolbarPlugins?: ToolbarPlugin[];
67
71
  } & ActionCellWithRequiredWidth<R>;
68
72
  export declare type Columns<C extends BaseGridType["columns"]> = {
69
73
  [K in keyof C]: Column<K, C[K]>;
@@ -82,8 +86,6 @@ export declare type Column<Name, Type> = {
82
86
  };
83
87
  export interface FilterOption {
84
88
  id: string | number;
85
- /** @deprecated */
86
- value?: string | number;
87
89
  label: string;
88
90
  }
89
91
  export declare type Filters<F extends BaseGridType["filters"]> = {
@@ -143,12 +145,6 @@ export interface ActionCellProps<R> {
143
145
  reload: () => Promise<void>;
144
146
  }
145
147
  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>>;
152
148
  export interface FilterListItemProps<F extends Filter<any, any>, T> {
153
149
  filter: F;
154
150
  value: RequestFilter<T>;
@@ -172,4 +168,37 @@ export interface DataGridState {
172
168
  perPage: number;
173
169
  error?: any;
174
170
  fullText?: string;
171
+ mounted: boolean;
175
172
  }
173
+ export declare type ContainerComponent = React.FC<{
174
+ mr?: number;
175
+ ml?: number;
176
+ mt?: number;
177
+ mb?: number;
178
+ mx?: number;
179
+ my?: number;
180
+ m?: number;
181
+ noBorder?: boolean;
182
+ children: ReactNode;
183
+ }>;
184
+ export declare type ToolbarContainerComponent = React.FC<{
185
+ children: ReactNode;
186
+ }>;
187
+ export declare type ToolbarPlugin = React.FC<{
188
+ dataGridState: DataGridState;
189
+ dataGridProps: DataGridProps<any, any>;
190
+ dispatch: Dispatch<any>;
191
+ schema: Schema<any>;
192
+ fulltext: {
193
+ onChange: (value: string) => void;
194
+ value: string;
195
+ placeholder?: string;
196
+ };
197
+ }>;
198
+ export declare type PaginationComponent = React.FC<{
199
+ count: number;
200
+ page: number;
201
+ perPage: number;
202
+ onChangePage: (page: number) => void;
203
+ onChangeRowsPerPage: (perPage: number) => void;
204
+ }>;