@uxf/data-grid 4.0.0 → 5.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DataGrid.js +52 -51
- package/{useCallbackRef.d.ts → hooks/useCallbackRef.d.ts} +1 -1
- package/{useCallbackRef.js → hooks/useCallbackRef.js} +1 -1
- package/{useColumns.d.ts → hooks/useColumns.d.ts} +1 -1
- package/hooks/useColumns.js +117 -0
- package/icons.config.js +14 -0
- package/index.d.ts +1 -1
- package/index.js +7 -3
- package/package.json +18 -17
- package/store/actions.d.ts +43 -41
- package/store/actions.js +46 -48
- package/store/reducer.d.ts +1 -1
- package/store/reducer.js +2 -2
- 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 +20 -22
- 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 +7 -9
- 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 -15
- 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 -14
- 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 -56
- 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 -21
- package/tailwindui/toolbar-plugins/title-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/title-plugin.js +0 -16
- package/types.d.ts +0 -270
- package/useColumns.js +0 -102
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>;
|
|
@@ -1,15 +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.CircleButton = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var CircleButton = function (props) {
|
|
9
|
-
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children, light = props.light, href = props.href;
|
|
10
|
-
var preparedClassName = (light ? "text-white hover:bg-gray-700 " : "text-gray-600 hover:bg-gray-200 ") +
|
|
11
|
-
("inline-flex items-center p-2 rounded-full bg-transparent focus:outline-none focus:ring-primary-500 " + className);
|
|
12
|
-
return href ? (react_1.default.createElement("a", { type: "button", title: title, href: href, className: preparedClassName }, children)) : (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: preparedClassName }, children));
|
|
13
|
-
};
|
|
14
|
-
exports.CircleButton = CircleButton;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvY2lyY2xlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBV2xDLElBQU0sWUFBWSxHQUFnQyxVQUFBLEtBQUs7SUFDbEQsSUFBQSxLQUEwRCxLQUFLLFVBQWpELEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLEdBQW1DLEtBQUssUUFBeEMsRUFBRSxLQUFLLEdBQTRCLEtBQUssTUFBakMsRUFBRSxRQUFRLEdBQWtCLEtBQUssU0FBdkIsRUFBRSxLQUFLLEdBQVcsS0FBSyxNQUFoQixFQUFFLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUN4RSxJQUFNLGlCQUFpQixHQUNuQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLGtDQUFrQyxDQUFDO1NBQzlFLHdHQUFzRyxTQUFXLENBQUEsQ0FBQztJQUV0SCxPQUFPLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDVixxQ0FBRyxJQUFJLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsaUJBQWlCLElBQ2xFLFFBQVEsQ0FDVCxDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0EsMENBQVEsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixJQUM3RSxRQUFRLENBQ0osQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxZQUFZLGdCQWV2QiJ9
|
|
@@ -1,30 +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.FilterInputBase = void 0;
|
|
7
|
-
var select_1 = require("./inputs/select");
|
|
8
|
-
var checkbox_1 = require("./inputs/checkbox");
|
|
9
|
-
var react_1 = __importDefault(require("react"));
|
|
10
|
-
var text_input_1 = require("./inputs/text-input");
|
|
11
|
-
var FilterInputBase = function (props) {
|
|
12
|
-
var _a, _b, _c;
|
|
13
|
-
var filter = props.filter, onFilter = props.onFilter, value = props.value;
|
|
14
|
-
switch (filter.type) {
|
|
15
|
-
case "select":
|
|
16
|
-
return (react_1.default.createElement(select_1.Select, { id: "datagrid-filter--" + filter.name, label: filter.label, value: (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : null, options: (_b = filter.options) !== null && _b !== void 0 ? _b : [], onChange: function (e) { return onFilter({ name: filter.name, value: e !== null && e !== void 0 ? e : null }); }, className: "w-full" }));
|
|
17
|
-
case "boolean":
|
|
18
|
-
case "checkbox":
|
|
19
|
-
return (react_1.default.createElement(checkbox_1.Checkbox, { checked: !!(value === null || value === void 0 ? void 0 : value.value), onChange: function (checked) { return onFilter({ name: filter.name, value: checked }); }, label: filter.label }));
|
|
20
|
-
case "text":
|
|
21
|
-
case "string":
|
|
22
|
-
return (react_1.default.createElement(text_input_1.TextInput, { value: (_c = value === null || value === void 0 ? void 0 : value.value) !== null && _c !== void 0 ? _c : "", onChange: function (v) { return onFilter({ name: filter.name, value: v }); }, label: filter.label }));
|
|
23
|
-
default:
|
|
24
|
-
// eslint-disable-next-line no-console
|
|
25
|
-
console.warn("Unknown filter type '" + filter.type + "'.");
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
exports.FilterInputBase = FilterInputBase;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWlucHV0LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2ZpbHRlci1pbnB1dC1iYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwQ0FBeUM7QUFDekMsOENBQTZDO0FBQzdDLGdEQUEwQjtBQUUxQixrREFBZ0Q7QUFFekMsSUFBTSxlQUFlLEdBQThCLFVBQUEsS0FBSzs7SUFDbkQsSUFBQSxNQUFNLEdBQXNCLEtBQUssT0FBM0IsRUFBRSxRQUFRLEdBQVksS0FBSyxTQUFqQixFQUFFLEtBQUssR0FBSyxLQUFLLE1BQVYsQ0FBVztJQUUxQyxRQUFRLE1BQU0sQ0FBQyxJQUFJLEVBQUU7UUFDakIsS0FBSyxRQUFRO1lBQ1QsT0FBTyxDQUNILDhCQUFDLGVBQU0sSUFDSCxFQUFFLEVBQUUsc0JBQW9CLE1BQU0sQ0FBQyxJQUFNLEVBQ3JDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixLQUFLLEVBQUUsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSyxtQ0FBSSxJQUFJLEVBQzNCLE9BQU8sRUFBRSxNQUFBLE1BQU0sQ0FBQyxPQUFPLG1DQUFJLEVBQUUsRUFDN0IsUUFBUSxFQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsYUFBRCxDQUFDLGNBQUQsQ0FBQyxHQUFJLElBQUksRUFBRSxDQUFDLEVBQWpELENBQWlELEVBQ2hFLFNBQVMsRUFBQyxRQUFRLEdBQ3BCLENBQ0wsQ0FBQztRQUNOLEtBQUssU0FBUyxDQUFDO1FBQ2YsS0FBSyxVQUFVO1lBQ1gsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLENBQUEsRUFDdkIsUUFBUSxFQUFFLFVBQUEsT0FBTyxJQUFJLE9BQUEsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQS9DLENBQStDLEVBQ3BFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNMLENBQUM7UUFDTixLQUFLLE1BQU0sQ0FBQztRQUNaLEtBQUssUUFBUTtZQUNULE9BQU8sQ0FDSCw4QkFBQyxzQkFBUyxJQUNOLEtBQUssRUFBRSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLG1DQUFJLEVBQUUsRUFDekIsUUFBUSxFQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQXpDLENBQXlDLEVBQ3hELEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNMLENBQUM7UUFDTjtZQUNJLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLDBCQUF3QixNQUFNLENBQUMsSUFBSSxPQUFJLENBQUMsQ0FBQztZQUN0RCxPQUFPLElBQUksQ0FBQztLQUNuQjtBQUNMLENBQUMsQ0FBQztBQXRDVyxRQUFBLGVBQWUsbUJBc0MxQiJ9
|