@uxf/data-grid 5.0.0-beta.9 → 10.0.0-beta.1

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 (73) hide show
  1. package/{DataGrid.d.ts → data-grid.d.ts} +2 -2
  2. package/data-grid.js +136 -0
  3. package/data-grid.stories.d.ts +7 -0
  4. package/data-grid.stories.js +245 -0
  5. package/hooks/useCallbackRef.js +2 -3
  6. package/hooks/useColumns.js +35 -54
  7. package/index.d.ts +1 -1
  8. package/index.js +1 -2
  9. package/package.json +5 -36
  10. package/store/actions.js +29 -30
  11. package/store/reducer.js +107 -77
  12. package/tailwindui/body-cell/body-cell-boolean.js +6 -6
  13. package/tailwindui/body-cell/body-cell-date.js +4 -5
  14. package/tailwindui/body-cell/body-cell-datetime.js +4 -5
  15. package/tailwindui/body-cell/body-cell-default.js +2 -3
  16. package/tailwindui/body-cell/body-cell-email.js +4 -5
  17. package/tailwindui/body-cell/body-cell-phone.js +4 -5
  18. package/tailwindui/body-cell/body-cell-to-many.js +4 -5
  19. package/tailwindui/body-cell/body-cell-to-one.js +3 -4
  20. package/tailwindui/body-cell/body-cell-url.js +3 -4
  21. package/tailwindui/body-cell/index.js +9 -10
  22. package/tailwindui/components/action-cell-base.js +16 -17
  23. package/tailwindui/components/container.js +4 -5
  24. package/tailwindui/components/drawer.js +11 -17
  25. package/tailwindui/components/filter-list.js +10 -9
  26. package/tailwindui/components/footer.js +3 -4
  27. package/tailwindui/components/linear-progress.js +4 -6
  28. package/tailwindui/components/no-rows-fallback.js +6 -7
  29. package/tailwindui/components/pagination-counts.js +4 -5
  30. package/tailwindui/components/pagination-rows-per-page-select.js +5 -6
  31. package/tailwindui/components/select-row-checkbox.js +12 -29
  32. package/tailwindui/components/selected-rows-toolbar.js +11 -13
  33. package/tailwindui/components/toolbar-control.js +24 -38
  34. package/tailwindui/components/toolbar-customs.js +10 -6
  35. package/tailwindui/components/toolbar-tabs.js +23 -7
  36. package/tailwindui/components/toolbar.js +4 -6
  37. package/tailwindui/data-grid.d.ts +6 -0
  38. package/tailwindui/data-grid.js +36 -0
  39. package/tailwindui/filter-handler/bool-filter.d.ts +3 -0
  40. package/tailwindui/filter-handler/bool-filter.js +20 -0
  41. package/tailwindui/filter-handler/boolean-filter.js +7 -23
  42. package/tailwindui/filter-handler/index.js +7 -6
  43. package/tailwindui/filter-handler/interval-filter.js +29 -29
  44. package/tailwindui/filter-handler/select-filter.js +8 -20
  45. package/tailwindui/filter-handler/text-filter.js +7 -19
  46. package/tailwindui/index.d.ts +1 -1
  47. package/tailwindui/index.js +1 -2
  48. package/tailwindui/show.js +2 -3
  49. package/tailwindui/styles.css +212 -44
  50. package/tailwindui/ui.js +16 -17
  51. package/types/api.d.ts +1 -1
  52. package/types/api.js +0 -1
  53. package/types/components.d.ts +21 -20
  54. package/types/components.js +0 -1
  55. package/types/core.d.ts +9 -66
  56. package/types/core.js +0 -1
  57. package/types/data-grid-props.d.ts +37 -0
  58. package/types/data-grid-props.js +2 -0
  59. package/types/index.d.ts +2 -0
  60. package/types/index.js +2 -1
  61. package/types/schema.d.ts +6 -6
  62. package/types/schema.js +0 -1
  63. package/types/state.d.ts +1 -1
  64. package/types/state.js +0 -1
  65. package/types/ui-components.d.ts +27 -0
  66. package/types/ui-components.js +2 -0
  67. package/utils.d.ts +2 -2
  68. package/utils.js +10 -15
  69. package/DataGrid.js +0 -205
  70. package/README.md +0 -175
  71. package/icons-config/index.js +0 -62
  72. package/tailwindui/DataGrid.d.ts +0 -6
  73. package/tailwindui/DataGrid.js +0 -48
@@ -4,23 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Drawer = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var icon_1 = require("@uxf/ui/icon");
9
- var button_1 = require("@uxf/ui/button");
10
- var Drawer = function (props) {
11
- var title = props.title, open = props.open, onClose = props.onClose, children = props.children;
12
- return (react_1.default.createElement("main", { className: " fixed overflow-hidden z-10 bg-gray-900 bg-opacity-25 inset-0 transform ease-in-out " +
13
- (open
14
- ? " transition-opacity opacity-100 duration-500 translate-x-0 "
15
- : " transition-all delay-500 opacity-0 translate-x-full ") },
16
- react_1.default.createElement("section", { className: " w-11/12 max-w-sm right-0 absolute bg-white h-full shadow-xl delay-400 duration-500 ease-in-out transition-all transform " +
17
- (open ? " translate-x-0 " : " translate-x-full ") },
18
- react_1.default.createElement("article", { className: "relative w-full max-w-sm pb-10 flex flex-col overflow-y-scroll h-full" },
19
- react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onClose, variant: "text", className: "ml-auto !mt-4 mr-4" },
7
+ const react_1 = __importDefault(require("react"));
8
+ const icon_1 = require("@uxf/ui/icon");
9
+ const button_1 = require("@uxf/ui/button");
10
+ const Drawer = (props) => {
11
+ return (react_1.default.createElement("main", { className: `uxf-data-grid__drawer uxf-data-grid__drawer--${props.open ? "open" : "closed"}` },
12
+ react_1.default.createElement("section", { className: `uxf-data-grid__drawer-body-wrapper ${props.open ? "uxf-data-grid__drawer-body-wrapper--open" : ""}` },
13
+ react_1.default.createElement("article", { className: "uxf-data-grid__drawer-body" },
14
+ react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: props.onClose, variant: "text", className: "uxf-data-grid__drawer-close-button" },
20
15
  react_1.default.createElement(icon_1.Icon, { name: "xmarkLarge" })),
21
- react_1.default.createElement("header", { className: "p-4 pt-8 font-bold text-lg" }, title),
22
- react_1.default.createElement("div", { className: "p-4" }, children))),
23
- react_1.default.createElement("section", { className: "w-screen h-full cursor-pointer ", onClick: onClose })));
16
+ react_1.default.createElement("header", { className: "uxf-data-grid__drawer-header" }, props.title),
17
+ react_1.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children))),
18
+ react_1.default.createElement("section", { className: "uxf-data-grid__drawer-backdrop", onClick: props.onClose })));
24
19
  };
25
20
  exports.Drawer = Drawer;
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQUN6QyxxQ0FBa0M7QUFDbEMseUNBQXNDO0FBUy9CLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQThCLEtBQUssTUFBbkMsRUFBRSxJQUFJLEdBQXdCLEtBQUssS0FBN0IsRUFBRSxPQUFPLEdBQWUsS0FBSyxRQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUNqRCxPQUFPLENBQ0gsd0NBQ0ksU0FBUyxFQUNMLHNGQUFzRjtZQUN0RixDQUFDLElBQUk7Z0JBQ0QsQ0FBQyxDQUFDLDhEQUE4RDtnQkFDaEUsQ0FBQyxDQUFDLHdEQUF3RCxDQUFDO1FBR25FLDJDQUNJLFNBQVMsRUFDTCw0SEFBNEg7Z0JBQzVILENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUM7WUFHckQsMkNBQVMsU0FBUyxFQUFDLHVFQUF1RTtnQkFDdEYsOEJBQUMsZUFBTSxJQUFDLFlBQVksUUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFDLG9CQUFvQjtvQkFBQyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLFlBQVksR0FBRyxDQUFTO2dCQUN4SCwwQ0FBUSxTQUFTLEVBQUMsNEJBQTRCLElBQUUsS0FBSyxDQUFVO2dCQUMvRCx1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUMvQixDQUNKO1FBQ1YsMkNBQVMsU0FBUyxFQUFDLGlDQUFpQyxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEUsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsTUFBTSxVQTBCakIifQ==
@@ -4,29 +4,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.FilterList = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var FilterList = function (props) {
9
- var renderedFilters = props.filtersData
10
- .map(function (filterRequest) {
7
+ const react_1 = __importDefault(require("react"));
8
+ const FilterList = (props) => {
9
+ const renderedFilters = props.filtersData
10
+ .map((filterRequest) => {
11
11
  var _a;
12
12
  if (typeof filterRequest.value !== "number" && !filterRequest.value) {
13
13
  return null;
14
14
  }
15
- var filter = props.filters.find(function (f) { return f.name === filterRequest.name; });
15
+ const filter = props.filters.find((f) => f.name === filterRequest.name);
16
16
  if (!filter) {
17
17
  return null;
18
18
  }
19
- var FilterListItem = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.listItem;
19
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
20
+ const FilterListItem = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.listItem;
21
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
20
22
  if (!FilterListItem) {
21
23
  return null;
22
24
  }
23
- return (react_1.default.createElement(FilterListItem, { key: filterRequest.name, filter: filter, onFilter: props.onFilter, gridName: props.gridName, value: filterRequest, onClear: function () { return props.onFilter({ name: filter.name, value: null }); } }));
25
+ return (react_1.default.createElement(FilterListItem, { key: filterRequest.name, filter: filter, onFilter: props.onFilter, gridName: props.gridName, value: filterRequest, onClear: () => props.onFilter({ name: filter.name, value: null }) }));
24
26
  })
25
- .filter(function (item) { return !!item; });
27
+ .filter((item) => !!item);
26
28
  if (renderedFilters.length === 0) {
27
29
  return null;
28
30
  }
29
31
  return react_1.default.createElement("div", { className: "uxf-data-grid__filter-list" }, renderedFilters);
30
32
  };
31
33
  exports.FilterList = FilterList;
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2ZpbHRlci1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxVQUFVLEdBQTZCLFVBQUEsS0FBSztJQUNyRCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVztTQUNwQyxHQUFHLENBQUMsVUFBQSxhQUFhOztRQUNkLElBQUksT0FBTyxhQUFhLENBQUMsS0FBSyxLQUFLLFFBQVEsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUU7WUFDakUsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUVELElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLElBQUksS0FBSyxhQUFhLENBQUMsSUFBSSxFQUE3QixDQUE2QixDQUFDLENBQUM7UUFFdEUsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxJQUFNLGNBQWMsR0FBRyxNQUFBLEtBQUssQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQywwQ0FBRSxRQUFRLENBQUM7UUFFbkUsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNqQixPQUFPLElBQUksQ0FBQztTQUNmO1FBRUQsT0FBTyxDQUNILDhCQUFDLGNBQWMsSUFDWCxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksRUFDdkIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLEtBQUssRUFBRSxhQUFhLEVBQ3BCLE9BQU8sRUFBRSxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFsRCxDQUFrRCxHQUNuRSxDQUNMLENBQUM7SUFDTixDQUFDLENBQUM7U0FDRCxNQUFNLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxFQUFOLENBQU0sQ0FBQyxDQUFDO0lBRTVCLElBQUksZUFBZSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDOUIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sdUNBQUssU0FBUyxFQUFDLDRCQUE0QixJQUFFLGVBQWUsQ0FBTyxDQUFDO0FBQy9FLENBQUMsQ0FBQztBQXJDVyxRQUFBLFVBQVUsY0FxQ3JCIn0=
@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Footer = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var utils_1 = require("../../utils");
9
- var Footer = function (props) {
7
+ const react_1 = __importDefault(require("react"));
8
+ const utils_1 = require("../../utils");
9
+ const Footer = (props) => {
10
10
  return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__footer", props.noBorder && "no-border") }, props.children);
11
11
  };
12
12
  exports.Footer = Footer;
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9mb290ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBaUM7QUFFMUIsSUFBTSxNQUFNLEdBQW9CLFVBQUEsS0FBSztJQUN4QyxPQUFPLHVDQUFLLFNBQVMsRUFBRSxJQUFBLFVBQUUsRUFBQyx1QkFBdUIsRUFBRSxLQUFLLENBQUMsUUFBUSxJQUFJLFdBQVcsQ0FBQyxJQUFHLEtBQUssQ0FBQyxRQUFRLENBQU8sQ0FBQztBQUM5RyxDQUFDLENBQUM7QUFGVyxRQUFBLE1BQU0sVUFFakIifQ==
@@ -4,12 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.LinearProgress = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var utils_1 = require("../../utils");
9
- var LinearProgress = function (props) {
10
- var loading = props.loading;
7
+ const react_1 = __importDefault(require("react"));
8
+ const utils_1 = require("../../utils");
9
+ const LinearProgress = (props) => {
11
10
  return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
12
- react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__linear-progress", loading && "is-loading") })));
11
+ react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__linear-progress", props.loading && "is-loading") })));
13
12
  };
14
13
  exports.LinearProgress = LinearProgress;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLXByb2dyZXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9saW5lYXItcHJvZ3Jlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBaUM7QUFFMUIsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSztJQUNoRCxJQUFBLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUMxQixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHdDQUF3QztRQUNuRCx1Q0FBSyxTQUFTLEVBQUUsSUFBQSxVQUFFLEVBQUMsZ0NBQWdDLEVBQUUsT0FBTyxJQUFJLFlBQVksQ0FBQyxHQUFJLENBQy9FLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVBXLFFBQUEsY0FBYyxrQkFPekIifQ==
@@ -4,13 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.NoRowsFallback = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var icon_1 = require("@uxf/ui/icon");
9
- var utils_1 = require("../../utils");
10
- var NoRowsFallback = function (props) {
7
+ const react_1 = __importDefault(require("react"));
8
+ const icon_1 = require("@uxf/ui/icon");
9
+ const utils_1 = require("../../utils");
10
+ const NoRowsFallback = (props) => {
11
11
  return (react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__fallback", props.loading && "is-loading", props.error && "is-error") }, props.loading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
12
- react_1.default.createElement(icon_1.Icon, { name: "warning", className: "h-6" }),
13
- react_1.default.createElement("p", { className: "" }, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
12
+ react_1.default.createElement(icon_1.Icon, { name: "warning", size: 24 }),
13
+ react_1.default.createElement("p", null, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
14
14
  };
15
15
  exports.NoRowsFallback = NoRowsFallback;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tcm93cy1mYWxsYmFjay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvbm8tcm93cy1mYWxsYmFjay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsZ0RBQTBCO0FBQzFCLHFDQUFvQztBQUNwQyxxQ0FBaUM7QUFFMUIsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSztJQUN4RCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLElBQUEsVUFBRSxFQUFDLHlCQUF5QixFQUFFLEtBQUssQ0FBQyxPQUFPLElBQUksWUFBWSxFQUFFLEtBQUssQ0FBQyxLQUFLLElBQUksVUFBVSxDQUFDLElBQ2xHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2IsMEZBQWUsQ0FDbEIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDZDtRQUNJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLFNBQVMsRUFBQyxLQUFLLEdBQUc7UUFDdkMscUNBQUcsU0FBUyxFQUFDLEVBQUUsd0JBQXNCLENBQ3RDLENBQ04sQ0FBQyxDQUFDLENBQUMsQ0FDQSxrR0FBa0IsQ0FDckIsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLGNBQWMsa0JBZXpCIn0=
@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.PaginationCounts = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var PaginationCounts = function (props) {
7
+ const react_1 = __importDefault(require("react"));
8
+ const PaginationCounts = (props) => {
9
9
  var _a, _b, _c, _d;
10
- var fromNumber = props.page * props.perPage + 1;
11
- var toNumber = Math.min(props.page * props.perPage + props.perPage, (_b = (_a = props.response) === null || _a === void 0 ? void 0 : _a.count) !== null && _b !== void 0 ? _b : 0);
10
+ const fromNumber = props.page * props.perPage + 1;
11
+ const toNumber = Math.min(props.page * props.perPage + props.perPage, (_b = (_a = props.response) === null || _a === void 0 ? void 0 : _a.count) !== null && _b !== void 0 ? _b : 0);
12
12
  return (react_1.default.createElement("p", { className: "uxf-data-grid__pagination-counts" },
13
13
  fromNumber,
14
14
  "-",
@@ -16,4 +16,3 @@ var PaginationCounts = function (props) {
16
16
  " z ", (_d = (_c = props.response) === null || _c === void 0 ? void 0 : _c.count) !== null && _d !== void 0 ? _d : 0));
17
17
  };
18
18
  exports.PaginationCounts = PaginationCounts;
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1jb3VudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL3BhZ2luYXRpb24tY291bnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxnQkFBZ0IsR0FBOEIsVUFBQSxLQUFLOztJQUM1RCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ2xELElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLEVBQUUsTUFBQSxNQUFBLEtBQUssQ0FBQyxRQUFRLDBDQUFFLEtBQUssbUNBQUksQ0FBQyxDQUFDLENBQUM7SUFDbEcsT0FBTyxDQUNILHFDQUFHLFNBQVMsRUFBQyxrQ0FBa0M7UUFDMUMsVUFBVTs7UUFBRyxRQUFRO2VBQUssTUFBQSxNQUFBLEtBQUssQ0FBQyxRQUFRLDBDQUFFLEtBQUssbUNBQUksQ0FBQyxDQUNyRCxDQUNQLENBQUM7QUFDTixDQUFDLENBQUM7QUFSVyxRQUFBLGdCQUFnQixvQkFRM0IifQ==
@@ -4,18 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.PaginationRowsPerPageSelect = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var select_1 = require("@uxf/ui/select");
9
- var PER_PAGE_OPTIONS = [
7
+ const react_1 = __importDefault(require("react"));
8
+ const select_1 = require("@uxf/ui/select");
9
+ const PER_PAGE_OPTIONS = [
10
10
  { id: 10, label: "10" },
11
11
  { id: 25, label: "25" },
12
12
  { id: 50, label: "50" },
13
13
  { id: 100, label: "100" },
14
14
  ];
15
- var PaginationRowsPerPageSelect = function (props) {
15
+ const PaginationRowsPerPageSelect = (props) => {
16
16
  return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
17
17
  react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
18
- react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.value, onChange: function (value) { var _a; return props.onChange((_a = value) !== null && _a !== void 0 ? _a : 10); }, options: PER_PAGE_OPTIONS })));
18
+ react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.value, onChange: (value) => props.onChange(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", label: "Po\u010Det \u0159\u00E1dk\u016F", hiddenLabel: true })));
19
19
  };
20
20
  exports.PaginationRowsPerPageSelect = PaginationRowsPerPageSelect;
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1yb3dzLXBlci1wYWdlLXNlbGVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvcGFnaW5hdGlvbi1yb3dzLXBlci1wYWdlLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLHlDQUFxRDtBQUdyRCxJQUFNLGdCQUFnQixHQUEyQjtJQUM3QyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtDQUM1QixDQUFDO0FBRUssSUFBTSwyQkFBMkIsR0FBeUMsVUFBQSxLQUFLO0lBQ2xGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO1FBQ3pDLHlDQUFPLE9BQU8sRUFBQyxnQ0FBZ0Msc0NBQW9CO1FBQ25FLDhCQUFDLGVBQU0sSUFDSCxFQUFFLEVBQUMsZ0NBQWdDLEVBQ25DLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNsQixRQUFRLEVBQUUsVUFBQSxLQUFLLFlBQUksT0FBQSxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDLENBQUEsRUFBQSxFQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEdBQzNCLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSwyQkFBMkIsK0JBWXRDIn0=
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,26 +22,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
33
22
  __setModuleDefault(result, mod);
34
23
  return result;
35
24
  };
36
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
25
  Object.defineProperty(exports, "__esModule", { value: true });
48
26
  exports.SelectRowCheckbox = void 0;
49
- var react_1 = __importStar(require("react"));
50
- var SelectRowComponent = function (_a, ref) {
51
- var onChange = _a.onChange, props = __rest(_a, ["onChange"]);
52
- var handleChange = function (e) {
53
- onChange(e.target.checked, e.nativeEvent.shiftKey);
27
+ const react_1 = __importStar(require("react"));
28
+ const checkbox_1 = require("@uxf/ui/checkbox");
29
+ const SelectRowComponent = (props, ref) => {
30
+ var _a;
31
+ const handleChange = (value, e) => {
32
+ var _a;
33
+ if (typeof value !== "undefined") {
34
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
35
+ props.onChange(value, (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.shiftKey);
36
+ }
54
37
  };
55
- return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "form-checkbox focus:ring-0 checked:bg-dataGridSecondary focus:checked:bg-dataGridSecondary active:bg-dataGridSecondary h-4 w-4 border-gray-300 rounded", ref: ref }, props, { onChange: handleChange })));
38
+ return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
39
+ react_1.default.createElement(checkbox_1.Checkbox, { ref: ref, ...props, value: (_a = props.checked) !== null && _a !== void 0 ? _a : false, onChange: handleChange })));
56
40
  };
57
41
  exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
58
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTBDO0FBRzFDLElBQU0sa0JBQWtCLEdBQStCLFVBQUMsRUFBc0IsRUFBRSxHQUFRO0lBQTlCLElBQUEsUUFBUSxjQUFBLEVBQUssS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQ3hFLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBc0M7UUFDeEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFHLENBQUMsQ0FBQyxXQUEwQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZFLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDSCxrREFDSSxJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBQyx3SkFBd0osRUFDbEssR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsUUFBUSxFQUFFLFlBQVksSUFDeEIsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxpQkFBaUIsR0FBK0IsSUFBQSxrQkFBVSxFQUFDLGtCQUF5QixDQUFDLENBQUMifQ==
@@ -4,28 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.SelectedRowsToolbar = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var button_1 = require("@uxf/ui/button");
9
- var getText = function (count) {
7
+ const react_1 = __importDefault(require("react"));
8
+ const button_1 = require("@uxf/ui/button");
9
+ const getText = (count) => {
10
10
  if (count === 1) {
11
11
  return "Vybrán 1 záznam";
12
12
  }
13
13
  if (count < 5) {
14
- return "Vybr\u00E1ny ".concat(count, " z\u00E1znamy");
14
+ return `Vybrány ${count} záznamy`;
15
15
  }
16
- return "Vybr\u00E1no ".concat(count, " z\u00E1znam\u016F");
16
+ return `Vybráno ${count} záznamů`;
17
17
  };
18
- var SelectedRowsToolbar = function (props) {
19
- var selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, Actions = props.Actions, reload = props.reload;
20
- if (!onChangeSelectedRows || !selectedRows || selectedRows.size === 0) {
18
+ const SelectedRowsToolbar = (props) => {
19
+ if (!props.onChangeSelectedRows || !props.selectedRows || props.selectedRows.size === 0) {
21
20
  return null;
22
21
  }
23
22
  return (react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-wrapper", style: { paddingLeft: 240 } },
24
23
  react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
25
- react_1.default.createElement("p", { className: "text-sm" }, getText(selectedRows.size)),
26
- react_1.default.createElement("div", { className: "pl-4 space-x-2" },
27
- Actions && (react_1.default.createElement(Actions, { onChangeSelectedRows: onChangeSelectedRows, selectedRows: selectedRows, reload: reload })),
28
- react_1.default.createElement(button_1.Button, { onClick: function () { return onChangeSelectedRows(new Set()); } }, "Smazat")))));
24
+ react_1.default.createElement("p", null, getText(props.selectedRows.size)),
25
+ react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-actions" },
26
+ props.Actions && (react_1.default.createElement(props.Actions, { onChangeSelectedRows: props.onChangeSelectedRows, selectedRows: props.selectedRows, reload: props.reload })),
27
+ react_1.default.createElement(button_1.Button, { onClick: () => { var _a; return (_a = props.onChangeSelectedRows) === null || _a === void 0 ? void 0 : _a.call(props, new Set()); } }, "Smazat")))));
29
28
  };
30
29
  exports.SelectedRowsToolbar = SelectedRowsToolbar;
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQix5Q0FBd0M7QUFFeEMsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLHVCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sdUJBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBNEMsS0FBSyxhQUFqRCxFQUFFLG9CQUFvQixHQUFzQixLQUFLLHFCQUEzQixFQUFFLE9BQU8sR0FBYSxLQUFLLFFBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXRFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw4Q0FBOEMsRUFBQyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFO1FBQ3JGLHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0M7WUFDakQscUNBQUcsU0FBUyxFQUFDLFNBQVMsSUFBRSxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFLO1lBQ3ZELHVDQUFLLFNBQVMsRUFBQyxnQkFBZ0I7Z0JBQzFCLE9BQU8sSUFBSSxDQUNSLDhCQUFDLE9BQU8sSUFDSixvQkFBb0IsRUFBRSxvQkFBb0IsRUFDMUMsWUFBWSxFQUFFLFlBQVksRUFDMUIsTUFBTSxFQUFFLE1BQU0sR0FDaEIsQ0FDTDtnQkFDRCw4QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEVBQS9CLENBQStCLGFBQWlCLENBQ3JFLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUF4QlcsUUFBQSxtQkFBbUIsdUJBd0I5QiJ9
@@ -22,61 +22,47 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
22
  __setModuleDefault(result, mod);
23
23
  return result;
24
24
  };
25
- var __read = (this && this.__read) || function (o, n) {
26
- var m = typeof Symbol === "function" && o[Symbol.iterator];
27
- if (!m) return o;
28
- var i = m.call(o), r, ar = [], e;
29
- try {
30
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
31
- }
32
- catch (error) { e = { error: error }; }
33
- finally {
34
- try {
35
- if (r && !r.done && (m = i["return"])) m.call(i);
36
- }
37
- finally { if (e) throw e.error; }
38
- }
39
- return ar;
40
- };
41
25
  Object.defineProperty(exports, "__esModule", { value: true });
42
26
  exports.ToolbarControl = void 0;
43
- var react_1 = __importStar(require("react"));
44
- var icon_1 = require("@uxf/ui/icon");
45
- var text_input_1 = require("@uxf/ui/text-input");
46
- var button_1 = require("@uxf/ui/button");
47
- var drawer_1 = require("./drawer");
48
- var toggle_1 = require("@uxf/ui/toggle");
49
- var actions_1 = require("../../store/actions");
50
- var show_1 = require("../show");
27
+ const react_1 = __importStar(require("react"));
28
+ const icon_1 = require("@uxf/ui/icon");
29
+ const text_input_1 = require("@uxf/ui/text-input");
30
+ const button_1 = require("@uxf/ui/button");
31
+ const drawer_1 = require("./drawer");
32
+ const toggle_1 = require("@uxf/ui/toggle");
33
+ const actions_1 = require("../../store/actions");
34
+ const show_1 = require("../show");
51
35
  function Filters(props) {
52
- return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map(function (filter) {
36
+ return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
53
37
  var _a, _b;
54
- var FilterInput = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.input;
38
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
39
+ const FilterInput = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.input;
40
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
55
41
  if (!FilterInput) {
56
42
  // eslint-disable-next-line no-console
57
- console.warn("Unknown filter \"".concat(filter.type, "\"."));
43
+ console.warn(`Unknown filter "${filter.type}".`);
58
44
  return null;
59
45
  }
60
- return (react_1.default.createElement(FilterInput, { key: filter.name, gridName: props.gridName, filter: filter, value: (_b = props.filtersData.find(function (f) { return f.name === filter.name; })) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: function (requestFilter) { return props.dispatch(actions_1.dataGridActions.filter(requestFilter)); }, onClear: function () { return props.dispatch(actions_1.dataGridActions.filter({ name: filter.name, value: null })); } }));
46
+ return (react_1.default.createElement(FilterInput, { key: filter.name, gridName: props.gridName, filter: filter, value: (_b = props.filtersData.find((f) => f.name === filter.name)) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: (requestFilter) => props.dispatch(actions_1.dataGridActions.filter(requestFilter)), onClear: () => props.dispatch(actions_1.dataGridActions.filter({ name: filter.name, value: null })) }));
61
47
  })));
62
48
  }
63
49
  function Columns(props) {
64
- return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" }, props.schema.columns.map(function (column) { return (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", value: true, onChange: function () { return null; } })); })));
50
+ return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" }, props.schema.columns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", value: true, onChange: () => null })))));
65
51
  }
66
- var ToolbarControl = function (props) {
67
- var _a = __read((0, react_1.useState)(false), 2), isFiltersOpen = _a[0], setFiltersOpen = _a[1];
68
- var _b = __read((0, react_1.useState)(false), 2), isColumnsOpen = _b[0], setColumnsOpen = _b[1];
52
+ const ToolbarControl = (props) => {
53
+ const [isFiltersOpen, setFiltersOpen] = (0, react_1.useState)(false);
54
+ const [isColumnsOpen, setColumnsOpen] = (0, react_1.useState)(false);
69
55
  return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
70
- react_1.default.createElement(text_input_1.TextInput, { value: props.fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid-plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", className: "text-gray-400 h-4" }) }),
71
- react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setFiltersOpen(true); }, title: "Filtrovat", className: "shrink-0" },
56
+ react_1.default.createElement(show_1.Show, { when: props.showFulltext },
57
+ react_1.default.createElement(text_input_1.TextInput, { value: props.fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }) })),
58
+ react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => setFiltersOpen(true), title: "Filtrovat", className: "uxf-data-grid__plugin-filter" },
72
59
  react_1.default.createElement(icon_1.Icon, { name: "filter" })),
73
60
  react_1.default.createElement(show_1.Show, { when: props.onChangeHiddenColumns && props.hiddenColumns },
74
- react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setColumnsOpen(true); }, title: "Nastaven\u00ED sloupc\u016F" },
61
+ react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => setColumnsOpen(true), title: "Nastaven\u00ED sloupc\u016F" },
75
62
  react_1.default.createElement(icon_1.Icon, { name: "table-columns" }))),
76
- react_1.default.createElement(drawer_1.Drawer, { open: isFiltersOpen, onClose: function () { return setFiltersOpen(false); }, title: "Filtry" },
63
+ react_1.default.createElement(drawer_1.Drawer, { open: isFiltersOpen, onClose: () => setFiltersOpen(false), title: "Filtry" },
77
64
  react_1.default.createElement(Filters, { gridName: props.gridName, schema: props.schema, dispatch: props.dispatch, filtersData: props.filtersData, filterHandlers: props.filterHandlers, noBorder: props.noBorder })),
78
- react_1.default.createElement(drawer_1.Drawer, { open: isColumnsOpen, onClose: function () { return setColumnsOpen(false); }, title: "Nastaven\u00ED sloupc\u016F" },
65
+ react_1.default.createElement(drawer_1.Drawer, { open: isColumnsOpen, onClose: () => setColumnsOpen(false), title: "Nastaven\u00ED sloupc\u016F" },
79
66
  react_1.default.createElement(Columns, { schema: props.schema, onChangeHiddenColumns: props.onChangeHiddenColumns, hiddenColumns: props.hiddenColumns }))));
80
67
  };
81
68
  exports.ToolbarControl = ToolbarControl;
82
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jb250cm9sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWNvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3QztBQUN4QyxxQ0FBb0M7QUFDcEMsaURBQStDO0FBQy9DLHlDQUF3QztBQUN4QyxtQ0FBa0M7QUFTbEMseUNBQXdDO0FBQ3hDLCtDQUFzRDtBQUN0RCxnQ0FBK0I7QUFXL0IsU0FBUyxPQUFPLENBQUMsS0FBbUI7SUFDaEMsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3QkFBd0IsSUFDbEMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTs7UUFDNUIsSUFBTSxXQUFXLEdBQXlCLE1BQUEsS0FBSyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDBDQUFFLEtBQUssQ0FBQztRQUVuRixJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2Qsc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMkJBQW1CLE1BQU0sQ0FBQyxJQUFJLFFBQUksQ0FBQyxDQUFDO1lBQ2pELE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxPQUFPLENBQ0gsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxLQUFLLEVBQ0QsTUFBQSxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksRUFBdEIsQ0FBc0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtB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
@@ -4,11 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.ToolbarCustoms = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var button_1 = require("@uxf/ui/button");
9
- var ToolbarCustoms = function (props) {
10
- var _a;
11
- return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control uxf-data-grid__toolbar-control--custom" }, (_a = props.buttons) === null || _a === void 0 ? void 0 : _a.map(function (button, index) { return (react_1.default.createElement(button_1.Button, { key: index, href: button.href, onClick: button.onClick, size: "sm", variant: button.variant }, button.label)); })));
7
+ const react_1 = __importDefault(require("react"));
8
+ const button_1 = require("@uxf/ui/button");
9
+ const button_list_1 = require("@uxf/ui/button-list");
10
+ const ToolbarCustoms = (props) => {
11
+ if (!props.buttons) {
12
+ return null;
13
+ }
14
+ return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs" },
15
+ react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs-mobile" }, props.buttons.length === 1 ? (react_1.default.createElement(button_1.Button, { href: props.buttons[0].href, onClick: props.buttons[0].onClick, size: "sm", variant: props.buttons[0].variant }, props.buttons[0].label)) : (react_1.default.createElement(button_list_1.ButtonList, { buttons: props.buttons, visibleButtonsCount: 1, size: "sm", openButton: { variant: "white" } }))),
16
+ react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs-desktop" }, props.buttons.map((button, index) => (react_1.default.createElement(button_1.Button, { key: index, href: button.href, onClick: button.onClick, size: "sm", variant: button.variant }, button.label))))));
12
17
  };
13
18
  exports.ToolbarCustoms = ToolbarCustoms;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jdXN0b21zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWN1c3RvbXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQix5Q0FBd0M7QUFHakMsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSzs7SUFDeEQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx1RUFBdUUsSUFDakYsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxHQUFHLENBQUMsVUFBQyxNQUFNLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDbkMsOEJBQUMsZUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFDNUYsTUFBTSxDQUFDLEtBQUssQ0FDUixDQUNaLEVBSnNDLENBSXRDLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFWVyxRQUFBLGNBQWMsa0JBVXpCIn0=
@@ -4,17 +4,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.ToolbarTabs = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var show_1 = require("../show");
9
- var utils_1 = require("../../utils");
7
+ const react_1 = __importDefault(require("react"));
8
+ const show_1 = require("../show");
9
+ const utils_1 = require("../../utils");
10
+ const button_1 = require("@uxf/ui/button");
11
+ const icon_1 = require("@uxf/ui/icon");
12
+ const modal_service_1 = require("@uxf/ui/modal/modal-service");
10
13
  function Tab(props) {
11
14
  return (react_1.default.createElement("button", { className: (0, utils_1.cx)("uxf-data-grid__toolbar-tab", props.isActive && "is-active"), onClick: props.onClick }, props.title));
12
15
  }
13
- var ToolbarTabs = function (props) {
14
- var _a;
16
+ const ToolbarTabs = (props) => {
17
+ var _a, _b, _c, _d;
15
18
  return (react_1.default.createElement(show_1.Show, { when: (_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.length },
16
19
  react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs" },
17
- react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav", "aria-label": "Tabs" }, props.schema.tabs.map(function (t) { return (react_1.default.createElement(Tab, { key: t.name, title: t.label, isActive: props.activeTab === t.name, onClick: function () { return props.onChange(t.name); } })); })))));
20
+ react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--desktop", "aria-label": "Tabs" }, (_b = props.schema.tabs) === null || _b === void 0 ? void 0 : _b.map((t) => (react_1.default.createElement(Tab, { key: t.name, title: t.label, isActive: props.activeTab === t.name, onClick: () => props.onChange(t.name) })))),
21
+ react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--mobile" },
22
+ react_1.default.createElement(button_1.Button, { variant: "text", className: "uxf-data-grid__toolbar-tabs-button", size: "sm", onClick: () => {
23
+ var _a;
24
+ return (0, modal_service_1.openModal)({
25
+ children: (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs-modal-content" }, (_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.map((item) => (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__toolbar-tabs-modal-button", key: item.name, variant: "text", size: "xl", onClick: () => {
26
+ props.onChange(item.name);
27
+ (0, modal_service_1.closeModal)();
28
+ } },
29
+ item.name === props.activeTab && (react_1.default.createElement(icon_1.Icon, { className: "uxf-data-grid__toolbar-tabs-modal-active-tab-icon", name: "check", size: 20 })),
30
+ react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-modal-button-text" }, item.label)))))),
31
+ });
32
+ } },
33
+ react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-nav-text" }, (_d = (_c = props.schema.tabs) === null || _c === void 0 ? void 0 : _c.find((t) => t.name === props.activeTab)) === null || _d === void 0 ? void 0 : _d.label),
34
+ react_1.default.createElement(icon_1.Icon, { name: "caretDown", className: "uxf-data-grid__toolbar-tabs-button-icon", size: 16 }))))));
18
35
  };
19
36
  exports.ToolbarTabs = ToolbarTabs;
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci10YWJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLXRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLGdEQUF5QztBQUN6QyxnQ0FBK0I7QUFDL0IscUNBQWlDO0FBUWpDLFNBQVMsR0FBRyxDQUFDLEtBQWU7SUFDeEIsT0FBTyxDQUNILDBDQUFRLFNBQVMsRUFBRSxJQUFBLFVBQUUsRUFBQyw0QkFBNEIsRUFBRSxLQUFLLENBQUMsUUFBUSxJQUFJLFdBQVcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxJQUNyRyxLQUFLLENBQUMsS0FBSyxDQUNQLENBQ1osQ0FBQztBQUNOLENBQUM7QUFFTSxJQUFNLFdBQVcsR0FBeUIsVUFBQSxLQUFLOztJQUNsRCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSwwQ0FBRSxNQUFNO1FBQ2pDLHVDQUFLLFNBQVMsRUFBQyw2QkFBNkI7WUFDeEMsdUNBQUssU0FBUyxFQUFDLGlDQUFpQyxnQkFBWSxNQUFNLElBQzdELEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ3hCLDhCQUFDLEdBQUcsSUFDQSxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFDWCxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLFNBQVMsS0FBSyxDQUFDLENBQUMsSUFBSSxFQUNwQyxPQUFPLEVBQUUsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUF0QixDQUFzQixHQUN2QyxDQUNMLEVBUDJCLENBTzNCLENBQUMsQ0FDQSxDQUNKLENBQ0gsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakJXLFFBQUEsV0FBVyxlQWlCdEIifQ==
@@ -4,11 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Toolbar = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var utils_1 = require("../../utils");
9
- var Toolbar = function (props) {
10
- var children = props.children, noBorder = props.noBorder;
11
- return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__toolbar", noBorder && "no-border") }, children);
7
+ const react_1 = __importDefault(require("react"));
8
+ const utils_1 = require("../../utils");
9
+ const Toolbar = (props) => {
10
+ return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__toolbar", props.noBorder && "no-border") }, props.children);
12
11
  };
13
12
  exports.Toolbar = Toolbar;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvdG9vbGJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHFDQUFpQztBQUUxQixJQUFNLE9BQU8sR0FBcUIsVUFBQSxLQUFLO0lBQ2xDLElBQUEsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDckMsT0FBTyx1Q0FBSyxTQUFTLEVBQUUsSUFBQSxVQUFFLEVBQUMsd0JBQXdCLEVBQUUsUUFBUSxJQUFJLFdBQVcsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQ25HLENBQUMsQ0FBQztBQUhXLFFBQUEsT0FBTyxXQUdsQiJ9
@@ -0,0 +1,6 @@
1
+ import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
2
+ import React from "react";
3
+ export type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
4
+ ui?: Partial<UIComponents<GridType, R>>;
5
+ };
6
+ export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => React.JSX.Element;
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.DataGrid = void 0;
27
+ const data_grid_1 = require("../data-grid");
28
+ const react_1 = __importStar(require("react"));
29
+ const ui_1 = require("./ui");
30
+ const DataGrid = (props) => {
31
+ const ui = (0, react_1.useMemo)(() => {
32
+ return { ...ui_1.UI, ...props.ui };
33
+ }, [props.ui]);
34
+ return react_1.default.createElement(data_grid_1.DataGrid, { ...props, ui: ui });
35
+ };
36
+ exports.DataGrid = DataGrid;
@@ -0,0 +1,3 @@
1
+ import { FilterHandler } from "../../types";
2
+ declare const BoolFilterHandler: FilterHandler;
3
+ export default BoolFilterHandler;
@@ -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
+ const react_1 = __importDefault(require("react"));
7
+ const chip_1 = require("@uxf/ui/chip");
8
+ const select_1 = require("@uxf/ui/select");
9
+ const BoolFilterHandler = {
10
+ input: (props) => (react_1.default.createElement(select_1.Select, { options: [
11
+ { id: "", label: "Nerozhoduje" },
12
+ { id: 1, label: "Ano" },
13
+ { id: 0, label: "Ne" },
14
+ ], label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }), isClearable: true })),
15
+ listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
16
+ props.filter.label,
17
+ ":\u00A0",
18
+ props.value.value ? "Ano" : "Ne")),
19
+ };
20
+ exports.default = BoolFilterHandler;
@@ -1,32 +1,16 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
14
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
15
4
  };
16
5
  Object.defineProperty(exports, "__esModule", { value: true });
17
- var react_1 = __importDefault(require("react"));
18
- var chip_1 = require("@uxf/ui/chip");
19
- var select_1 = require("@uxf/ui/select");
20
- var BooleanFilterHandler = {
21
- input: function (props) { return (react_1.default.createElement(select_1.Select, { options: [
22
- { id: "", label: "Nerozhoduje" },
23
- { id: 1, label: "Ano" },
24
- { id: 0, label: "Ne" },
25
- ], label: props.filter.label, value: props.value.value, onChange: function (value) { return props.onFilter(__assign(__assign({}, props.value), { value: value })); } })); },
26
- listItem: function (props) { return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
6
+ const react_1 = __importDefault(require("react"));
7
+ const chip_1 = require("@uxf/ui/chip");
8
+ const checkbox_input_1 = require("@uxf/ui/checkbox-input");
9
+ const BooleanFilterHandler = {
10
+ input: (props) => (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }) })),
11
+ listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
27
12
  props.filter.label,
28
13
  ":\u00A0",
29
- props.value.value ? "Ano" : "Ne")); },
14
+ props.value.value ? "Ano" : "Ne")),
30
15
  };
31
16
  exports.default = BooleanFilterHandler;
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi1maWx0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9ib29sZWFuLWZpbHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBb0M7QUFDcEMseUNBQXdDO0FBRXhDLElBQU0sb0JBQW9CLEdBQWtCO0lBQ3hDLEtBQUssRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLENBQ1osOEJBQUMsZUFBTSxJQUNILE9BQU8sRUFBRTtZQUNMLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFO1lBQ2hDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO1lBQ3ZCLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1NBQ3pCLEVBQ0QsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUN6QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQ3hCLFFBQVEsRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxRQUFRLHVCQUFNLEtBQUssQ0FBQyxLQUFLLEtBQUUsS0FBSyxPQUFBLElBQUcsRUFBekMsQ0FBeUMsR0FDOUQsQ0FDTCxFQVhlLENBV2Y7SUFDRCxRQUFRLEVBQUUsVUFBQSxLQUFLLElBQUksT0FBQSxDQUNmLDhCQUFDLFdBQUksSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87UUFDdkIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLOztRQUFTLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDekQsQ0FDVixFQUprQixDQUlsQjtDQUNKLENBQUM7QUFFRixrQkFBZSxvQkFBb0IsQ0FBQyJ9