@uxf/data-grid 4.0.0-beta.9 → 5.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.js +70 -60
- package/README.md +19 -1
- package/hooks/useCallbackRef.d.ts +2 -0
- package/hooks/useCallbackRef.js +7 -0
- package/{useColumns.d.ts → hooks/useColumns.d.ts} +1 -1
- package/hooks/useColumns.js +117 -0
- package/index.d.ts +1 -0
- package/index.js +7 -2
- package/package.json +19 -18
- package/store/actions.d.ts +43 -41
- package/store/actions.js +46 -48
- package/store/reducer.d.ts +1 -1
- package/store/reducer.js +10 -9
- package/tailwindui/DataGrid.d.ts +1 -2
- package/tailwindui/DataGrid.js +8 -16
- package/tailwindui/body-cell/body-cell-boolean.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-boolean.js +16 -0
- package/tailwindui/body-cell/body-cell-default.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-default.js +18 -0
- package/tailwindui/body-cell/index.d.ts +2 -0
- package/tailwindui/body-cell/index.js +10 -0
- package/tailwindui/components/action-cell-base.d.ts +2 -2
- package/tailwindui/components/action-cell-base.js +23 -30
- package/tailwindui/components/container.js +4 -10
- package/tailwindui/components/drawer.js +2 -2
- package/tailwindui/components/filter-list.d.ts +2 -0
- package/tailwindui/components/filter-list.js +32 -0
- package/tailwindui/components/footer.d.ts +2 -0
- package/tailwindui/components/footer.js +13 -0
- package/tailwindui/components/linear-progress.js +4 -2
- package/tailwindui/components/no-rows-fallback.js +6 -3
- package/tailwindui/components/pagination-counts.d.ts +2 -0
- package/tailwindui/components/pagination-counts.js +19 -0
- package/tailwindui/components/pagination-rows-per-page-select.d.ts +2 -0
- package/tailwindui/components/pagination-rows-per-page-select.js +21 -0
- package/tailwindui/components/select-row-checkbox.js +6 -2
- package/tailwindui/components/selected-rows-toolbar.js +9 -11
- package/tailwindui/components/toolbar-control.d.ts +2 -0
- package/tailwindui/components/toolbar-control.js +82 -0
- package/tailwindui/components/toolbar-customs.d.ts +2 -0
- package/tailwindui/components/toolbar-customs.js +14 -0
- package/tailwindui/components/toolbar-tabs.d.ts +2 -0
- package/tailwindui/components/toolbar-tabs.js +20 -0
- package/tailwindui/components/toolbar.d.ts +2 -0
- package/tailwindui/components/toolbar.js +14 -0
- package/tailwindui/filter-handler/boolean-filter.d.ts +3 -0
- package/tailwindui/filter-handler/boolean-filter.js +29 -0
- package/tailwindui/filter-handler/index.d.ts +2 -0
- package/tailwindui/filter-handler/index.js +13 -0
- package/tailwindui/filter-handler/text-filter.d.ts +3 -0
- package/tailwindui/filter-handler/text-filter.js +36 -0
- package/tailwindui/index.d.ts +0 -4
- package/tailwindui/index.js +6 -6
- package/tailwindui/show.d.ts +7 -0
- package/tailwindui/show.js +35 -0
- package/tailwindui/styles.css +129 -31
- package/tailwindui/ui.js +23 -16
- package/types/api.d.ts +22 -0
- package/{types.js → types/api.js} +1 -1
- package/types/components.d.ts +178 -0
- package/types/components.js +3 -0
- package/types/core.d.ts +74 -0
- package/types/core.js +3 -0
- package/types/index.d.ts +5 -0
- package/types/index.js +22 -0
- package/types/schema.d.ts +48 -0
- package/types/schema.js +3 -0
- package/types/state.d.ts +21 -0
- package/types/state.js +3 -0
- package/utils.d.ts +3 -0
- package/utils.js +57 -2
- package/tailwindui/components/badge.d.ts +0 -5
- package/tailwindui/components/badge.js +0 -18
- package/tailwindui/components/body-cell-base.d.ts +0 -2
- package/tailwindui/components/body-cell-base.js +0 -23
- package/tailwindui/components/body-cell-wrapper.d.ts +0 -8
- package/tailwindui/components/body-cell-wrapper.js +0 -14
- package/tailwindui/components/circle-button.d.ts +0 -10
- package/tailwindui/components/circle-button.js +0 -14
- package/tailwindui/components/filter-input-base.d.ts +0 -2
- package/tailwindui/components/filter-input-base.js +0 -30
- package/tailwindui/components/filter-list-item-base.d.ts +0 -2
- package/tailwindui/components/filter-list-item-base.js +0 -34
- package/tailwindui/components/filters-list.d.ts +0 -2
- package/tailwindui/components/filters-list.js +0 -23
- package/tailwindui/components/icons/chevron-double-left.d.ts +0 -2
- package/tailwindui/components/icons/chevron-double-left.js +0 -13
- package/tailwindui/components/icons/chevron-double-right.d.ts +0 -2
- package/tailwindui/components/icons/chevron-double-right.js +0 -13
- package/tailwindui/components/icons/chevron-left.d.ts +0 -2
- package/tailwindui/components/icons/chevron-left.js +0 -13
- package/tailwindui/components/icons/chevron-right.d.ts +0 -2
- package/tailwindui/components/icons/chevron-right.js +0 -13
- package/tailwindui/components/icons/cloud-download.d.ts +0 -2
- package/tailwindui/components/icons/cloud-download.js +0 -13
- package/tailwindui/components/icons/edit.d.ts +0 -2
- package/tailwindui/components/icons/edit.js +0 -13
- package/tailwindui/components/icons/filter.d.ts +0 -2
- package/tailwindui/components/icons/filter.js +0 -13
- package/tailwindui/components/icons/open.d.ts +0 -2
- package/tailwindui/components/icons/open.js +0 -13
- package/tailwindui/components/icons/table.d.ts +0 -2
- package/tailwindui/components/icons/table.js +0 -13
- package/tailwindui/components/icons/trash.d.ts +0 -2
- package/tailwindui/components/icons/trash.js +0 -13
- package/tailwindui/components/inputs/checkbox.d.ts +0 -10
- package/tailwindui/components/inputs/checkbox.js +0 -23
- package/tailwindui/components/inputs/select.d.ts +0 -13
- package/tailwindui/components/inputs/select.js +0 -21
- package/tailwindui/components/inputs/switch.d.ts +0 -7
- package/tailwindui/components/inputs/switch.js +0 -21
- package/tailwindui/components/inputs/text-input.d.ts +0 -7
- package/tailwindui/components/inputs/text-input.js +0 -18
- package/tailwindui/components/pagination.d.ts +0 -2
- package/tailwindui/components/pagination.js +0 -55
- package/tailwindui/components/tab.d.ts +0 -6
- package/tailwindui/components/tab.js +0 -16
- package/tailwindui/components/toolbar-container.d.ts +0 -2
- package/tailwindui/components/toolbar-container.js +0 -13
- package/tailwindui/toolbar-plugins/csv-export-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/csv-export-plugin.js +0 -20
- package/tailwindui/toolbar-plugins/filters-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/filters-plugin.js +0 -60
- package/tailwindui/toolbar-plugins/fulltext-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/fulltext-plugin.js +0 -72
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.js +0 -76
- package/tailwindui/toolbar-plugins/tabs-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/tabs-plugin.js +0 -19
- package/tailwindui/toolbar-plugins/title-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/title-plugin.js +0 -16
- package/types.d.ts +0 -263
- package/useColumns.js +0 -100
package/tailwindui/ui.js
CHANGED
|
@@ -2,31 +2,38 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.UI = void 0;
|
|
4
4
|
var action_cell_base_1 = require("./components/action-cell-base");
|
|
5
|
-
var body_cell_base_1 = require("./components/body-cell-base");
|
|
6
5
|
var no_rows_fallback_1 = require("./components/no-rows-fallback");
|
|
7
6
|
var linear_progress_1 = require("./components/linear-progress");
|
|
8
|
-
var
|
|
7
|
+
var toolbar_1 = require("./components/toolbar");
|
|
9
8
|
var container_1 = require("./components/container");
|
|
10
|
-
var
|
|
11
|
-
var filter_list_item_base_1 = require("./components/filter-list-item-base");
|
|
12
|
-
var filters_list_1 = require("./components/filters-list");
|
|
13
|
-
var pagination_1 = require("./components/pagination");
|
|
9
|
+
var filter_list_1 = require("./components/filter-list");
|
|
14
10
|
var select_row_checkbox_1 = require("./components/select-row-checkbox");
|
|
15
11
|
var selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
|
|
12
|
+
var pagination_counts_1 = require("./components/pagination-counts");
|
|
13
|
+
var pagination_rows_per_page_select_1 = require("./components/pagination-rows-per-page-select");
|
|
14
|
+
var pagination_1 = require("@uxf/ui/pagination/pagination");
|
|
15
|
+
var filter_handler_1 = require("./filter-handler");
|
|
16
|
+
var toolbar_tabs_1 = require("./components/toolbar-tabs");
|
|
17
|
+
var toolbar_control_1 = require("./components/toolbar-control");
|
|
18
|
+
var toolbar_customs_1 = require("./components/toolbar-customs");
|
|
19
|
+
var body_cell_1 = require("./body-cell");
|
|
16
20
|
exports.UI = {
|
|
17
21
|
ActionCell: action_cell_base_1.ActionCellBase,
|
|
18
|
-
actionCellWidth:
|
|
19
|
-
|
|
20
|
-
BodyCell: body_cell_base_1.BodyCellBase,
|
|
21
|
-
NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
|
|
22
|
-
LinearProgress: linear_progress_1.LinearProgress,
|
|
23
|
-
ToolbarContainer: toolbar_container_1.ToolbarContainer,
|
|
22
|
+
actionCellWidth: 128,
|
|
23
|
+
BodyCells: body_cell_1.BodyCells,
|
|
24
24
|
Container: container_1.Container,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
FilterHandlers: filter_handler_1.defaultFilterHandlers,
|
|
26
|
+
FilterList: filter_list_1.FilterList,
|
|
27
|
+
LinearProgress: linear_progress_1.LinearProgress,
|
|
28
|
+
NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
|
|
28
29
|
Pagination: pagination_1.Pagination,
|
|
30
|
+
PaginationCounts: pagination_counts_1.PaginationCounts,
|
|
31
|
+
PaginationRowsPerPageSelect: pagination_rows_per_page_select_1.PaginationRowsPerPageSelect,
|
|
29
32
|
SelectRowCheckbox: select_row_checkbox_1.SelectRowCheckbox,
|
|
30
33
|
SelectedRowsToolbar: selected_rows_toolbar_1.SelectedRowsToolbar,
|
|
34
|
+
Toolbar: toolbar_1.Toolbar,
|
|
35
|
+
ToolbarControl: toolbar_control_1.ToolbarControl,
|
|
36
|
+
ToolbarCustoms: toolbar_customs_1.ToolbarCustoms,
|
|
37
|
+
ToolbarTabs: toolbar_tabs_1.ToolbarTabs,
|
|
31
38
|
};
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQStEO0FBQy9ELGtFQUErRDtBQUMvRCxnRUFBOEQ7QUFDOUQsZ0RBQStDO0FBQy9DLG9EQUFtRDtBQUNuRCx3REFBc0Q7QUFDdEQsd0VBQXFFO0FBQ3JFLDRFQUF5RTtBQUN6RSxvRUFBa0U7QUFDbEUsZ0dBQTJGO0FBQzNGLDREQUEyRDtBQUMzRCxtREFBeUQ7QUFDekQsMERBQXdEO0FBQ3hELGdFQUE4RDtBQUM5RCxnRUFBOEQ7QUFDOUQseUNBQXdDO0FBRTNCLFFBQUEsRUFBRSxHQUEyQjtJQUN0QyxVQUFVLEVBQUUsaUNBQWM7SUFDMUIsZUFBZSxFQUFFLEdBQUc7SUFDcEIsU0FBUyxFQUFFLHFCQUFTO0lBQ3BCLFNBQVMsRUFBRSxxQkFBUztJQUNwQixjQUFjLEVBQUUsc0NBQXFCO0lBQ3JDLFVBQVUsRUFBRSx3QkFBVTtJQUN0QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsY0FBYyxFQUFFLGlDQUFjO0lBQzlCLFVBQVUsRUFBRSx1QkFBVTtJQUN0QixnQkFBZ0IsRUFBRSxvQ0FBZ0I7SUFDbEMsMkJBQTJCLEVBQUUsNkRBQTJCO0lBQ3hELGlCQUFpQixFQUFFLHVDQUFpQjtJQUNwQyxtQkFBbUIsRUFBRSwyQ0FBbUI7SUFDeEMsT0FBTyxFQUFFLGlCQUFPO0lBQ2hCLGNBQWMsRUFBRSxnQ0FBYztJQUM5QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsV0FBVyxFQUFFLDBCQUFXO0NBQzNCLENBQUMifQ==
|
package/types/api.d.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SortDirection } from "./schema";
|
|
2
|
+
export declare type ResultItem = any;
|
|
3
|
+
export interface RequestFilter<T = any> {
|
|
4
|
+
name: string;
|
|
5
|
+
value: T;
|
|
6
|
+
label?: string;
|
|
7
|
+
op?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface Request {
|
|
10
|
+
f?: RequestFilter[];
|
|
11
|
+
sort?: string;
|
|
12
|
+
dir?: SortDirection;
|
|
13
|
+
page?: number;
|
|
14
|
+
perPage?: number;
|
|
15
|
+
search?: string;
|
|
16
|
+
tab?: string | null;
|
|
17
|
+
}
|
|
18
|
+
export interface Response {
|
|
19
|
+
totalCount: number;
|
|
20
|
+
count: number;
|
|
21
|
+
result: ResultItem[];
|
|
22
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3R5cGVzL2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import React, { ComponentType, FC, ReactNode } from "react";
|
|
2
|
+
import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
|
|
3
|
+
import { RequestFilter, Response } from "./api";
|
|
4
|
+
import { PaginationProps } from "@uxf/ui/pagination/pagination";
|
|
5
|
+
import { CheckboxFormatterProps } from "react-data-grid";
|
|
6
|
+
import { ChangeHiddenColumnsHandler } from "./core";
|
|
7
|
+
/**
|
|
8
|
+
* Action cell
|
|
9
|
+
*/
|
|
10
|
+
export interface ActionCellProps<R> {
|
|
11
|
+
row: R;
|
|
12
|
+
onOpen?: (row: R) => void;
|
|
13
|
+
getOpenUrl?: (row: R) => string | null | undefined;
|
|
14
|
+
onEdit?: (row: R) => void;
|
|
15
|
+
getEditUrl?: (row: R) => string | null | undefined;
|
|
16
|
+
onRemove?: (row: R) => void;
|
|
17
|
+
reload: () => Promise<void>;
|
|
18
|
+
}
|
|
19
|
+
export declare type ActionCellComponent<R> = FC<ActionCellProps<R>>;
|
|
20
|
+
/**
|
|
21
|
+
* Body cell
|
|
22
|
+
*/
|
|
23
|
+
export interface BodyCellProps<C, R> {
|
|
24
|
+
value: any;
|
|
25
|
+
column: C;
|
|
26
|
+
row: R;
|
|
27
|
+
reload: () => Promise<void>;
|
|
28
|
+
}
|
|
29
|
+
export declare type BodyCellComponent<C extends BaseGridType["columns"], R> = ComponentType<BodyCellProps<Columns<C>, R>>;
|
|
30
|
+
export declare type BodyCellComponents<C, R> = {
|
|
31
|
+
[key: string]: BodyCellComponent<C, R>;
|
|
32
|
+
default: BodyCellComponent<C, R>;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Container
|
|
36
|
+
*/
|
|
37
|
+
export interface ContainerProps {
|
|
38
|
+
noBorder?: boolean;
|
|
39
|
+
children: ReactNode;
|
|
40
|
+
className?: string;
|
|
41
|
+
}
|
|
42
|
+
export declare type ContainerComponent = FC<ContainerProps>;
|
|
43
|
+
/**
|
|
44
|
+
* Filter list
|
|
45
|
+
*/
|
|
46
|
+
export interface FilterListProps<F extends Filter<any, any>, T> {
|
|
47
|
+
gridName?: string;
|
|
48
|
+
filters: F[];
|
|
49
|
+
filtersData: RequestFilter<T>[];
|
|
50
|
+
onFilter: (value: RequestFilter<T>) => void;
|
|
51
|
+
filterHandlers: FilterHandlers;
|
|
52
|
+
noBorder: boolean | null | undefined;
|
|
53
|
+
}
|
|
54
|
+
export declare type FilterListComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterListProps<Filters<F>, T>>;
|
|
55
|
+
/**
|
|
56
|
+
* Filters
|
|
57
|
+
*/
|
|
58
|
+
export interface FilterProps<F extends Filter<any, any>, T> {
|
|
59
|
+
gridName?: string;
|
|
60
|
+
filter: F;
|
|
61
|
+
value: RequestFilter<T>;
|
|
62
|
+
onFilter: (value: RequestFilter<T>) => void;
|
|
63
|
+
onClear: () => void;
|
|
64
|
+
}
|
|
65
|
+
export declare type FilterComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterProps<Filters<F>, T>>;
|
|
66
|
+
export interface FilterHandler {
|
|
67
|
+
input: FilterComponent<any>;
|
|
68
|
+
listItem: FilterComponent<any>;
|
|
69
|
+
}
|
|
70
|
+
export interface FilterHandlers {
|
|
71
|
+
[kex: string]: FilterHandler;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Footer
|
|
75
|
+
*/
|
|
76
|
+
export interface FooterProps {
|
|
77
|
+
children: ReactNode;
|
|
78
|
+
noBorder?: boolean;
|
|
79
|
+
}
|
|
80
|
+
export declare type FooterComponent = FC<FooterProps>;
|
|
81
|
+
/**
|
|
82
|
+
* Linear progress
|
|
83
|
+
*/
|
|
84
|
+
export interface LinearProgressProps {
|
|
85
|
+
loading: boolean;
|
|
86
|
+
}
|
|
87
|
+
export declare type LinearProgressComponent = FC<LinearProgressProps>;
|
|
88
|
+
/**
|
|
89
|
+
* No rows fallback
|
|
90
|
+
*/
|
|
91
|
+
export interface NoRowsFallbackProps {
|
|
92
|
+
error?: any;
|
|
93
|
+
loading: boolean;
|
|
94
|
+
}
|
|
95
|
+
export declare type NoRowsFallbackComponent = React.FC<NoRowsFallbackProps>;
|
|
96
|
+
/**
|
|
97
|
+
* Pagination
|
|
98
|
+
*/
|
|
99
|
+
export declare type PaginationComponent = React.FC<PaginationProps>;
|
|
100
|
+
/**
|
|
101
|
+
* Pagination rows per page select
|
|
102
|
+
*/
|
|
103
|
+
export interface PaginationRowsPerPageSelectProps {
|
|
104
|
+
value: number;
|
|
105
|
+
onChange: (value: number) => void;
|
|
106
|
+
}
|
|
107
|
+
export declare type PaginationRowsPerPageSelectComponent = FC<PaginationRowsPerPageSelectProps>;
|
|
108
|
+
/**
|
|
109
|
+
* Pagination counts
|
|
110
|
+
*/
|
|
111
|
+
export interface PaginationCountsProps {
|
|
112
|
+
page: number;
|
|
113
|
+
perPage: number;
|
|
114
|
+
response?: Response;
|
|
115
|
+
}
|
|
116
|
+
export declare type PaginationCountsComponent = FC<PaginationCountsProps>;
|
|
117
|
+
/**
|
|
118
|
+
* Selected rows toolbar
|
|
119
|
+
*/
|
|
120
|
+
export interface SelectedRowsToolbarProps {
|
|
121
|
+
selectedRows?: Set<number>;
|
|
122
|
+
onChangeSelectedRows?: (rows: Set<number>) => void;
|
|
123
|
+
Actions?: SelectedRowsToolbarActionsComponent;
|
|
124
|
+
reload: () => Promise<void>;
|
|
125
|
+
}
|
|
126
|
+
export declare type SelectedRowsToolbarComponent = FC<SelectedRowsToolbarProps>;
|
|
127
|
+
/**
|
|
128
|
+
* Select row checkbox
|
|
129
|
+
*/
|
|
130
|
+
export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
|
|
131
|
+
/**
|
|
132
|
+
* Selected rows toolbar actions
|
|
133
|
+
*/
|
|
134
|
+
export interface SelectedRowsToolbarActionsProps {
|
|
135
|
+
selectedRows: Set<number>;
|
|
136
|
+
onChangeSelectedRows: (rows: Set<number>) => void;
|
|
137
|
+
reload: () => Promise<void>;
|
|
138
|
+
}
|
|
139
|
+
export declare type SelectedRowsToolbarActionsComponent = FC<SelectedRowsToolbarActionsProps>;
|
|
140
|
+
/**
|
|
141
|
+
* Toolbar
|
|
142
|
+
*/
|
|
143
|
+
export interface ToolbarProps {
|
|
144
|
+
children: ReactNode;
|
|
145
|
+
noBorder?: boolean;
|
|
146
|
+
}
|
|
147
|
+
export declare type ToolbarComponent = FC<ToolbarProps>;
|
|
148
|
+
/**
|
|
149
|
+
* Toolbar control
|
|
150
|
+
*/
|
|
151
|
+
export interface ToolbarControlProps {
|
|
152
|
+
gridName: string | undefined;
|
|
153
|
+
schema: Schema<any>;
|
|
154
|
+
dispatch: (action: any) => void;
|
|
155
|
+
filtersData: RequestFilter[];
|
|
156
|
+
filterHandlers: FilterHandlers;
|
|
157
|
+
fulltextValue: string;
|
|
158
|
+
onFulltextChange: (value: string) => void;
|
|
159
|
+
noBorder: boolean | null | undefined;
|
|
160
|
+
onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
|
|
161
|
+
hiddenColumns?: string[];
|
|
162
|
+
}
|
|
163
|
+
export declare type ToolbarControlComponent = React.FC<ToolbarControlProps>;
|
|
164
|
+
/**
|
|
165
|
+
* Toolbar customs
|
|
166
|
+
*/
|
|
167
|
+
export interface ToolbarCustomsProps {
|
|
168
|
+
}
|
|
169
|
+
export declare type ToolbarCustomsComponent = React.FC<ToolbarCustomsProps>;
|
|
170
|
+
/**
|
|
171
|
+
* Toolbar tabs
|
|
172
|
+
*/
|
|
173
|
+
export interface ToolbarTabsProps {
|
|
174
|
+
activeTab: string | null;
|
|
175
|
+
onChange: (tabName: string) => void;
|
|
176
|
+
schema: Schema<any>;
|
|
177
|
+
}
|
|
178
|
+
export declare type ToolbarTabsComponent = React.FC<ToolbarTabsProps>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9jb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
package/types/core.d.ts
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { MutableRefObject, ReactNode } from "react";
|
|
2
|
+
import { DataGridProps as RDGProps } from "react-data-grid";
|
|
3
|
+
import { Request, Response, ResultItem } from "./api";
|
|
4
|
+
import { BaseGridType, Schema } from "./schema";
|
|
5
|
+
import { ActionCellComponent, BodyCellComponents, ContainerComponent, FilterHandlers, FilterListComponent, LinearProgressComponent, NoRowsFallbackComponent, PaginationComponent, PaginationCountsComponent, PaginationRowsPerPageSelectComponent, SelectedRowsToolbarActionsComponent, SelectedRowsToolbarComponent, SelectRowCheckboxComponent, ToolbarComponent, ToolbarControlComponent, ToolbarCustomsComponent, ToolbarTabsComponent } from "./components";
|
|
6
|
+
export declare type KeyExtractor = (row: ResultItem) => number;
|
|
7
|
+
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
8
|
+
export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
|
|
9
|
+
export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
|
|
10
|
+
export declare type CallbackRef = {
|
|
11
|
+
reload: () => Promise<void>;
|
|
12
|
+
};
|
|
13
|
+
export declare type Config<C extends BaseGridType["columns"]> = {
|
|
14
|
+
columns: Partial<{
|
|
15
|
+
[columnName in keyof C]: {
|
|
16
|
+
width?: number;
|
|
17
|
+
hidden?: boolean;
|
|
18
|
+
};
|
|
19
|
+
}>;
|
|
20
|
+
};
|
|
21
|
+
export declare type ActionCellWithRequiredWidth<R> = {
|
|
22
|
+
ActionCell?: ActionCellComponent<R>;
|
|
23
|
+
actionCellWidth: number;
|
|
24
|
+
} | {
|
|
25
|
+
ActionCell?: never;
|
|
26
|
+
actionCellWidth?: never;
|
|
27
|
+
};
|
|
28
|
+
export declare type UIComponents<GridType extends BaseGridType, R> = {
|
|
29
|
+
BodyCells: BodyCellComponents<GridType["columns"], R>;
|
|
30
|
+
Container: ContainerComponent;
|
|
31
|
+
FilterHandlers: FilterHandlers;
|
|
32
|
+
FilterList: FilterListComponent<GridType["filters"], R>;
|
|
33
|
+
LinearProgress: LinearProgressComponent;
|
|
34
|
+
NoRowsFallback: NoRowsFallbackComponent;
|
|
35
|
+
Pagination: PaginationComponent;
|
|
36
|
+
PaginationCounts: PaginationCountsComponent;
|
|
37
|
+
PaginationRowsPerPageSelect: PaginationRowsPerPageSelectComponent;
|
|
38
|
+
SelectRowCheckbox: SelectRowCheckboxComponent;
|
|
39
|
+
SelectedRowsToolbar: SelectedRowsToolbarComponent;
|
|
40
|
+
SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
|
|
41
|
+
Toolbar: ToolbarComponent;
|
|
42
|
+
ToolbarControl: ToolbarControlComponent;
|
|
43
|
+
ToolbarCustoms: ToolbarCustomsComponent;
|
|
44
|
+
ToolbarTabs: ToolbarTabsComponent;
|
|
45
|
+
} & ActionCellWithRequiredWidth<R>;
|
|
46
|
+
export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
47
|
+
callbackRef?: MutableRefObject<CallbackRef | undefined>;
|
|
48
|
+
schema: Schema<GridType>;
|
|
49
|
+
loader: Loader;
|
|
50
|
+
gridName?: string;
|
|
51
|
+
title?: ReactNode;
|
|
52
|
+
keyExtractor?: KeyExtractor;
|
|
53
|
+
initialState?: Request | string;
|
|
54
|
+
onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
|
|
55
|
+
hiddenColumns?: string[];
|
|
56
|
+
onCsvDownload?: CsvDownloadHandler;
|
|
57
|
+
onChangeSelectedRows?: (selectedRows: Set<number>) => void;
|
|
58
|
+
selectedRows?: Set<number>;
|
|
59
|
+
onOpen?: (row: R) => void;
|
|
60
|
+
getOpenUrl?: (row: R) => string | null | undefined;
|
|
61
|
+
onEdit?: (row: R) => void;
|
|
62
|
+
getEditUrl?: (row: R) => string | null | undefined;
|
|
63
|
+
onRemove?: (row: R) => void;
|
|
64
|
+
noBorder?: boolean;
|
|
65
|
+
rowHeight?: RDGProps<any>["rowHeight"];
|
|
66
|
+
headerRowHeight?: RDGProps<any>["headerRowHeight"];
|
|
67
|
+
defaultConfig?: Config<GridType["columns"]>;
|
|
68
|
+
rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
|
|
69
|
+
debug?: boolean;
|
|
70
|
+
className?: string;
|
|
71
|
+
};
|
|
72
|
+
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
73
|
+
ui: UIComponents<GridType, R>;
|
|
74
|
+
};
|
package/types/core.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9jb3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
package/types/index.d.ts
ADDED
package/types/index.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./core"), exports);
|
|
18
|
+
__exportStar(require("./api"), exports);
|
|
19
|
+
__exportStar(require("./schema"), exports);
|
|
20
|
+
__exportStar(require("./components"), exports);
|
|
21
|
+
__exportStar(require("./state"), exports);
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdHlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHlDQUF1QjtBQUN2Qix3Q0FBc0I7QUFDdEIsMkNBQXlCO0FBQ3pCLCtDQUE2QjtBQUM3QiwwQ0FBd0IifQ==
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
export declare type SortDirection = "asc" | "desc";
|
|
3
|
+
export interface Tab {
|
|
4
|
+
name: string;
|
|
5
|
+
label: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare type BaseGridType = {
|
|
9
|
+
columns: any;
|
|
10
|
+
filters: any;
|
|
11
|
+
};
|
|
12
|
+
export declare type Column<Name, Type> = {
|
|
13
|
+
name: Name;
|
|
14
|
+
label: string | ReactElement;
|
|
15
|
+
type: Type;
|
|
16
|
+
sort?: boolean;
|
|
17
|
+
hint?: string;
|
|
18
|
+
print?: boolean;
|
|
19
|
+
width?: number | string;
|
|
20
|
+
minWidth?: number;
|
|
21
|
+
maxWidth?: number;
|
|
22
|
+
frozen?: boolean;
|
|
23
|
+
};
|
|
24
|
+
export declare type Columns<C extends BaseGridType["columns"]> = {
|
|
25
|
+
[K in keyof C]: Column<K, C[K]>;
|
|
26
|
+
}[keyof C];
|
|
27
|
+
export interface FilterOption {
|
|
28
|
+
id: string | number;
|
|
29
|
+
label: string;
|
|
30
|
+
}
|
|
31
|
+
export interface Filter<N, T> {
|
|
32
|
+
name: N;
|
|
33
|
+
label: string;
|
|
34
|
+
type?: T;
|
|
35
|
+
options?: FilterOption[];
|
|
36
|
+
}
|
|
37
|
+
export declare type Filters<F extends BaseGridType["filters"]> = {
|
|
38
|
+
[K in keyof F]: Filter<K, F[K]>;
|
|
39
|
+
}[keyof F];
|
|
40
|
+
export interface Schema<GritType extends BaseGridType> {
|
|
41
|
+
columns: Columns<GritType["columns"]>[];
|
|
42
|
+
filters: Filters<GritType["filters"]>[];
|
|
43
|
+
tabs: Tab[];
|
|
44
|
+
sort: string;
|
|
45
|
+
dir: SortDirection;
|
|
46
|
+
perPage: number;
|
|
47
|
+
fullText?: boolean;
|
|
48
|
+
}
|
package/types/schema.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NoZW1hLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3R5cGVzL3NjaGVtYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
package/types/state.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { RequestFilter, Response } from "./api";
|
|
2
|
+
import { SortDirection } from "./schema";
|
|
3
|
+
declare type GridRequest = {
|
|
4
|
+
f: RequestFilter[];
|
|
5
|
+
sort: string | null;
|
|
6
|
+
dir: SortDirection | null;
|
|
7
|
+
page: number;
|
|
8
|
+
perPage: number;
|
|
9
|
+
search: string;
|
|
10
|
+
tab: string | null;
|
|
11
|
+
};
|
|
12
|
+
export interface DataGridState {
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
response?: Response;
|
|
15
|
+
request: GridRequest;
|
|
16
|
+
error?: any;
|
|
17
|
+
tabRequests: {
|
|
18
|
+
[tab: string]: GridRequest;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export {};
|
package/types/state.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdHlwZXMvc3RhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
package/utils.d.ts
CHANGED
|
@@ -2,3 +2,6 @@ import { DataGridState, Request, SortDirection } from "./types";
|
|
|
2
2
|
export declare function decodeFilter(filterString: string): null | Request;
|
|
3
3
|
export declare function encodeFilter(request: Request): string;
|
|
4
4
|
export declare function createRequest(state: DataGridState, defaultSort: string, defaultDir: SortDirection): Request;
|
|
5
|
+
export declare type ClassArray = ClassValue[];
|
|
6
|
+
export declare type ClassValue = ClassArray | Record<string, any> | string | number | null | boolean | undefined;
|
|
7
|
+
export declare function cx(...classes: ClassValue[]): string;
|
package/utils.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createRequest = exports.encodeFilter = exports.decodeFilter = void 0;
|
|
3
|
+
exports.cx = exports.createRequest = exports.encodeFilter = exports.decodeFilter = void 0;
|
|
4
4
|
function decodeFilter(filterString) {
|
|
5
5
|
try {
|
|
6
6
|
var filter = JSON.parse(decodeURIComponent(escape(atob(filterString))));
|
|
@@ -34,4 +34,59 @@ function createRequest(state, defaultSort, defaultDir) {
|
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
exports.createRequest = createRequest;
|
|
37
|
-
|
|
37
|
+
function toVal(mix) {
|
|
38
|
+
var k;
|
|
39
|
+
var y;
|
|
40
|
+
var str = "";
|
|
41
|
+
if (typeof mix === "string" || typeof mix === "number") {
|
|
42
|
+
str += mix;
|
|
43
|
+
}
|
|
44
|
+
else if (typeof mix === "object") {
|
|
45
|
+
if (Array.isArray(mix)) {
|
|
46
|
+
for (k = 0; k < mix.length; k++) {
|
|
47
|
+
if (mix[k]) {
|
|
48
|
+
if ((y = toVal(mix[k]))) {
|
|
49
|
+
if (str) {
|
|
50
|
+
str += " ";
|
|
51
|
+
}
|
|
52
|
+
str += y;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
for (k in mix) {
|
|
59
|
+
if (mix === null || mix === void 0 ? void 0 : mix[k]) {
|
|
60
|
+
if (str) {
|
|
61
|
+
str += " ";
|
|
62
|
+
}
|
|
63
|
+
str += k;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
return str;
|
|
69
|
+
}
|
|
70
|
+
function cx() {
|
|
71
|
+
var classes = [];
|
|
72
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
73
|
+
classes[_i] = arguments[_i];
|
|
74
|
+
}
|
|
75
|
+
var i = 0;
|
|
76
|
+
var tmp;
|
|
77
|
+
var x;
|
|
78
|
+
var str = "";
|
|
79
|
+
while (i < classes.length) {
|
|
80
|
+
if ((tmp = classes[i++])) {
|
|
81
|
+
if ((x = toVal(tmp))) {
|
|
82
|
+
if (str) {
|
|
83
|
+
str += " ";
|
|
84
|
+
}
|
|
85
|
+
str += x;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
return str;
|
|
90
|
+
}
|
|
91
|
+
exports.cx = cx;
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsU0FBZ0IsWUFBWSxDQUFDLFlBQW9CO0lBQzdDLElBQUk7UUFDQSxJQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFMUUsT0FBTztZQUNILENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUU7WUFDakIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQUksRUFBRTtZQUM3QixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDO1lBQ3RCLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLEtBQUs7WUFDeEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUksSUFBSTtTQUM1QixDQUFDO0tBQ0w7SUFBQyxPQUFPLENBQUMsRUFBRTtRQUNSLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7QUFDTCxDQUFDO0FBZEQsb0NBY0M7QUFFRCxTQUFnQixZQUFZLENBQUMsT0FBZ0I7SUFDekMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkUsQ0FBQztBQUZELG9DQUVDO0FBRUQsU0FBZ0IsYUFBYSxDQUFDLEtBQW9CLEVBQUUsV0FBbUIsRUFBRSxVQUF5Qjs7SUFDOUYsT0FBTztRQUNILElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxtQ0FBSSxXQUFXO1FBQ3ZDLEdBQUcsRUFBRSxNQUFBLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxtQ0FBSSxVQUFVO1FBQ3BDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU87UUFD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
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Badge = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var Badge = function (props) {
|
|
9
|
-
var value = props.value, onClose = props.onClose;
|
|
10
|
-
return (react_1.default.createElement("span", { className: "inline-flex rounded-full items-center py-1 pl-3.5 pr-2 text-sm font-medium bg-dataGridPrimary text-dataGridPrimary", style: { backgroundColor: "#e8e6eb" } },
|
|
11
|
-
value,
|
|
12
|
-
onClose && (react_1.default.createElement("button", { onClick: onClose, type: "button", title: "Smazat filtr", className: "flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none focus:bg-gray-500 focus:text-white" },
|
|
13
|
-
react_1.default.createElement("span", { className: "sr-only" }, "Smazat filtr"),
|
|
14
|
-
react_1.default.createElement("svg", { className: "h-2 w-2", stroke: "currentColor", fill: "none", viewBox: "0 0 8 8" },
|
|
15
|
-
react_1.default.createElement("path", { strokeLinecap: "round", strokeWidth: "1.5", d: "M1 1l6 6m0-6L1 7" }))))));
|
|
16
|
-
};
|
|
17
|
-
exports.Badge = Badge;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFFbEMsSUFBTSxLQUFLLEdBQXlELFVBQUEsS0FBSztJQUNwRSxJQUFBLEtBQUssR0FBYyxLQUFLLE1BQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ2pDLE9BQU8sQ0FDSCx3Q0FDSSxTQUFTLEVBQUMsb0hBQW9ILEVBQzlILEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUU7UUFFcEMsS0FBSztRQUNMLE9BQU8sSUFBSSxDQUNSLDBDQUNJLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBQyxRQUFRLEVBQ2IsS0FBSyxFQUFDLGNBQWMsRUFDcEIsU0FBUyxFQUFDLDZMQUE2TDtZQUV2TSx3Q0FBTSxTQUFTLEVBQUMsU0FBUyxtQkFBb0I7WUFDN0MsdUNBQUssU0FBUyxFQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsY0FBYyxFQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLFNBQVM7Z0JBQ3hFLHdDQUFNLGFBQWEsRUFBQyxPQUFPLEVBQUMsV0FBVyxFQUFDLEtBQUssRUFBQyxDQUFDLEVBQUMsa0JBQWtCLEdBQUcsQ0FDbkUsQ0FDRCxDQUNaLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsS0FBSyxTQXVCaEIifQ==
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.BodyCellBase = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var checkbox_1 = require("./inputs/checkbox");
|
|
9
|
-
var body_cell_wrapper_1 = require("./body-cell-wrapper");
|
|
10
|
-
var BodyCellBase = function (props) {
|
|
11
|
-
var column = props.column, row = props.row;
|
|
12
|
-
var value = row[column.name];
|
|
13
|
-
if (column.type === "boolean") {
|
|
14
|
-
return (react_1.default.createElement(body_cell_wrapper_1.BodyCellWrapper, { label: column.name }, typeof value === "boolean" ? react_1.default.createElement(checkbox_1.Checkbox, { checked: value, disabled: true }) : null));
|
|
15
|
-
}
|
|
16
|
-
var canRender = typeof value === "string" || typeof value === "number" || value === undefined || value === null;
|
|
17
|
-
if (canRender) {
|
|
18
|
-
return react_1.default.createElement(body_cell_wrapper_1.BodyCellWrapper, { label: column.name }, value);
|
|
19
|
-
}
|
|
20
|
-
return react_1.default.createElement(body_cell_wrapper_1.BodyCellWrapper, { label: column.name }, "Nezn\u00E1m\u00E1 hodnota");
|
|
21
|
-
};
|
|
22
|
-
exports.BodyCellBase = BodyCellBase;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JvZHktY2VsbC1iYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsOENBQTZDO0FBRTdDLHlEQUFzRDtBQUUvQyxJQUFNLFlBQVksR0FBZ0MsVUFBQSxLQUFLO0lBQ2xELElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDM0IsT0FBTyxDQUNILDhCQUFDLG1DQUFlLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQzlCLE9BQU8sS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsOEJBQUMsbUJBQVEsSUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsU0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQzVELENBQ3JCLENBQUM7S0FDTDtJQUVELElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUksU0FBUyxFQUFFO1FBQ1gsT0FBTyw4QkFBQyxtQ0FBZSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLEtBQUssQ0FBbUIsQ0FBQztLQUN6RTtJQUVELE9BQU8sOEJBQUMsbUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksZ0NBQW1DLENBQUM7QUFDbEYsQ0FBQyxDQUFDO0FBbkJXLFFBQUEsWUFBWSxnQkFtQnZCIn0=
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.BodyCellWrapper = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var BodyCellWrapper = function (props) {
|
|
9
|
-
var _a = props.className, className = _a === void 0 ? "" : _a, children = props.children;
|
|
10
|
-
return (react_1.default.createElement("div", { className: "flex items-center h-full " + className, style: { userSelect: "text", lineHeight: 1.5 } },
|
|
11
|
-
react_1.default.createElement("div", { className: "w-full" }, children)));
|
|
12
|
-
};
|
|
13
|
-
exports.BodyCellWrapper = BodyCellWrapper;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JvZHktY2VsbC13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFRbEMsSUFBTSxlQUFlLEdBQW9CLFVBQUEsS0FBSztJQUN6QyxJQUFBLEtBQTZCLEtBQUssVUFBcEIsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUMzQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLDhCQUE0QixTQUFXLEVBQUUsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFO1FBQ25HLHVDQUFLLFNBQVMsRUFBQyxRQUFRLElBQUUsUUFBUSxDQUFPLENBQ3RDLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVBXLFFBQUEsZUFBZSxtQkFPMUIifQ==
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
export declare type CircleButtonProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
onClick?: () => void;
|
|
5
|
-
href?: string;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
title?: string;
|
|
8
|
-
light?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const CircleButton: React.FC<CircleButtonProps>;
|