@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.
- package/{DataGrid.d.ts → data-grid.d.ts} +2 -2
- package/data-grid.js +136 -0
- package/data-grid.stories.d.ts +7 -0
- package/data-grid.stories.js +245 -0
- package/hooks/useCallbackRef.js +2 -3
- package/hooks/useColumns.js +35 -54
- package/index.d.ts +1 -1
- package/index.js +1 -2
- package/package.json +5 -36
- package/store/actions.js +29 -30
- package/store/reducer.js +107 -77
- package/tailwindui/body-cell/body-cell-boolean.js +6 -6
- package/tailwindui/body-cell/body-cell-date.js +4 -5
- package/tailwindui/body-cell/body-cell-datetime.js +4 -5
- package/tailwindui/body-cell/body-cell-default.js +2 -3
- package/tailwindui/body-cell/body-cell-email.js +4 -5
- package/tailwindui/body-cell/body-cell-phone.js +4 -5
- package/tailwindui/body-cell/body-cell-to-many.js +4 -5
- package/tailwindui/body-cell/body-cell-to-one.js +3 -4
- package/tailwindui/body-cell/body-cell-url.js +3 -4
- package/tailwindui/body-cell/index.js +9 -10
- package/tailwindui/components/action-cell-base.js +16 -17
- package/tailwindui/components/container.js +4 -5
- package/tailwindui/components/drawer.js +11 -17
- package/tailwindui/components/filter-list.js +10 -9
- package/tailwindui/components/footer.js +3 -4
- package/tailwindui/components/linear-progress.js +4 -6
- package/tailwindui/components/no-rows-fallback.js +6 -7
- package/tailwindui/components/pagination-counts.js +4 -5
- package/tailwindui/components/pagination-rows-per-page-select.js +5 -6
- package/tailwindui/components/select-row-checkbox.js +12 -29
- package/tailwindui/components/selected-rows-toolbar.js +11 -13
- package/tailwindui/components/toolbar-control.js +24 -38
- package/tailwindui/components/toolbar-customs.js +10 -6
- package/tailwindui/components/toolbar-tabs.js +23 -7
- package/tailwindui/components/toolbar.js +4 -6
- package/tailwindui/data-grid.d.ts +6 -0
- package/tailwindui/data-grid.js +36 -0
- package/tailwindui/filter-handler/bool-filter.d.ts +3 -0
- package/tailwindui/filter-handler/bool-filter.js +20 -0
- package/tailwindui/filter-handler/boolean-filter.js +7 -23
- package/tailwindui/filter-handler/index.js +7 -6
- package/tailwindui/filter-handler/interval-filter.js +29 -29
- package/tailwindui/filter-handler/select-filter.js +8 -20
- package/tailwindui/filter-handler/text-filter.js +7 -19
- package/tailwindui/index.d.ts +1 -1
- package/tailwindui/index.js +1 -2
- package/tailwindui/show.js +2 -3
- package/tailwindui/styles.css +212 -44
- package/tailwindui/ui.js +16 -17
- package/types/api.d.ts +1 -1
- package/types/api.js +0 -1
- package/types/components.d.ts +21 -20
- package/types/components.js +0 -1
- package/types/core.d.ts +9 -66
- package/types/core.js +0 -1
- package/types/data-grid-props.d.ts +37 -0
- package/types/data-grid-props.js +2 -0
- package/types/index.d.ts +2 -0
- package/types/index.js +2 -1
- package/types/schema.d.ts +6 -6
- package/types/schema.js +0 -1
- package/types/state.d.ts +1 -1
- package/types/state.js +0 -1
- package/types/ui-components.d.ts +27 -0
- package/types/ui-components.js +2 -0
- package/utils.d.ts +2 -2
- package/utils.js +10 -15
- package/DataGrid.js +0 -205
- package/README.md +0 -175
- package/icons-config/index.js +0 -62
- package/tailwindui/DataGrid.d.ts +0 -6
- 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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
(
|
|
14
|
-
|
|
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: "
|
|
22
|
-
react_1.default.createElement("div", { className: "
|
|
23
|
-
react_1.default.createElement("section", { className: "
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
.map(
|
|
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
|
-
|
|
15
|
+
const filter = props.filters.find((f) => f.name === filterRequest.name);
|
|
16
16
|
if (!filter) {
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
|
-
|
|
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:
|
|
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(
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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",
|
|
13
|
-
react_1.default.createElement("p",
|
|
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
|
-
|
|
8
|
-
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const PaginationCounts = (props) => {
|
|
9
9
|
var _a, _b, _c, _d;
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
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:
|
|
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
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
var
|
|
53
|
-
|
|
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("
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
|
14
|
+
return `Vybrány ${count} záznamy`;
|
|
15
15
|
}
|
|
16
|
-
return
|
|
16
|
+
return `Vybráno ${count} záznamů`;
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
|
|
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",
|
|
26
|
-
react_1.default.createElement("div", { className: "
|
|
27
|
-
Actions && (react_1.default.createElement(Actions, { onChangeSelectedRows: onChangeSelectedRows, selectedRows: selectedRows, reload: reload })),
|
|
28
|
-
react_1.default.createElement(button_1.Button, { onClick:
|
|
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
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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(
|
|
36
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
|
|
53
37
|
var _a, _b;
|
|
54
|
-
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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(
|
|
71
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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,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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
input:
|
|
22
|
-
|
|
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
|