@ekz/blueprintjs 0.1.0
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/LICENSE +21 -0
- package/lib/cjs/common/classes.d.ts +28 -0
- package/lib/cjs/common/classes.js +34 -0
- package/lib/cjs/common/classes.js.map +1 -0
- package/lib/cjs/common/index.d.ts +3 -0
- package/lib/cjs/common/index.js +9 -0
- package/lib/cjs/common/index.js.map +1 -0
- package/lib/cjs/components/pagination/index.d.ts +1 -0
- package/lib/cjs/components/pagination/index.js +5 -0
- package/lib/cjs/components/pagination/index.js.map +1 -0
- package/lib/cjs/components/pagination/pagination.d.ts +46 -0
- package/lib/cjs/components/pagination/pagination.js +57 -0
- package/lib/cjs/components/pagination/pagination.js.map +1 -0
- package/lib/cjs/components/table/columnFilter.d.ts +7 -0
- package/lib/cjs/components/table/columnFilter.js +22 -0
- package/lib/cjs/components/table/columnFilter.js.map +1 -0
- package/lib/cjs/components/table/columnHelpers.d.ts +340 -0
- package/lib/cjs/components/table/columnHelpers.js +42 -0
- package/lib/cjs/components/table/columnHelpers.js.map +1 -0
- package/lib/cjs/components/table/headerGroup.d.ts +8 -0
- package/lib/cjs/components/table/headerGroup.js +49 -0
- package/lib/cjs/components/table/headerGroup.js.map +1 -0
- package/lib/cjs/components/table/index.d.ts +9 -0
- package/lib/cjs/components/table/index.js +20 -0
- package/lib/cjs/components/table/index.js.map +1 -0
- package/lib/cjs/components/table/reactTableBase.d.ts +2 -0
- package/lib/cjs/components/table/reactTableBase.js +8 -0
- package/lib/cjs/components/table/reactTableBase.js.map +1 -0
- package/lib/cjs/components/table/table.d.ts +123 -0
- package/lib/cjs/components/table/table.js +243 -0
- package/lib/cjs/components/table/table.js.map +1 -0
- package/lib/cjs/components/table/tableMessages.d.ts +6 -0
- package/lib/cjs/components/table/tableMessages.js +11 -0
- package/lib/cjs/components/table/tableMessages.js.map +1 -0
- package/lib/cjs/components/table/theme.d.ts +4 -0
- package/lib/cjs/components/table/theme.js +9 -0
- package/lib/cjs/components/table/theme.js.map +1 -0
- package/lib/cjs/components/table/useAutoColumnSizer.d.ts +7 -0
- package/lib/cjs/components/table/useAutoColumnSizer.js +52 -0
- package/lib/cjs/components/table/useAutoColumnSizer.js.map +1 -0
- package/lib/cjs/components/table/useAutoHeight.d.ts +4 -0
- package/lib/cjs/components/table/useAutoHeight.js +70 -0
- package/lib/cjs/components/table/useAutoHeight.js.map +1 -0
- package/lib/cjs/components/table/useGroupedHeaderColumnSizer.d.ts +2 -0
- package/lib/cjs/components/table/useGroupedHeaderColumnSizer.js +57 -0
- package/lib/cjs/components/table/useGroupedHeaderColumnSizer.js.map +1 -0
- package/lib/cjs/components/table/useTable.d.ts +122 -0
- package/lib/cjs/components/table/useTable.js +31 -0
- package/lib/cjs/components/table/useTable.js.map +1 -0
- package/lib/cjs/components/table/useTableExport.d.ts +6 -0
- package/lib/cjs/components/table/useTableExport.js +41 -0
- package/lib/cjs/components/table/useTableExport.js.map +1 -0
- package/lib/cjs/components/table/useTableState.d.ts +3 -0
- package/lib/cjs/components/table/useTableState.js +14 -0
- package/lib/cjs/components/table/useTableState.js.map +1 -0
- package/lib/cjs/components/table/utils.d.ts +1 -0
- package/lib/cjs/components/table/utils.js +8 -0
- package/lib/cjs/components/table/utils.js.map +1 -0
- package/lib/cjs/index.d.ts +3 -0
- package/lib/cjs/index.js +7 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/css/blueprintjs.css +345 -0
- package/lib/css/blueprintjs.css.map +1 -0
- package/lib/esm/common/classes.d.ts +28 -0
- package/lib/esm/common/classes.js +31 -0
- package/lib/esm/common/classes.js.map +1 -0
- package/lib/esm/common/index.d.ts +3 -0
- package/lib/esm/common/index.js +4 -0
- package/lib/esm/common/index.js.map +1 -0
- package/lib/esm/components/pagination/index.d.ts +1 -0
- package/lib/esm/components/pagination/index.js +2 -0
- package/lib/esm/components/pagination/index.js.map +1 -0
- package/lib/esm/components/pagination/pagination.d.ts +46 -0
- package/lib/esm/components/pagination/pagination.js +53 -0
- package/lib/esm/components/pagination/pagination.js.map +1 -0
- package/lib/esm/components/table/columnFilter.d.ts +7 -0
- package/lib/esm/components/table/columnFilter.js +17 -0
- package/lib/esm/components/table/columnFilter.js.map +1 -0
- package/lib/esm/components/table/columnHelpers.d.ts +340 -0
- package/lib/esm/components/table/columnHelpers.js +37 -0
- package/lib/esm/components/table/columnHelpers.js.map +1 -0
- package/lib/esm/components/table/headerGroup.d.ts +8 -0
- package/lib/esm/components/table/headerGroup.js +44 -0
- package/lib/esm/components/table/headerGroup.js.map +1 -0
- package/lib/esm/components/table/index.d.ts +9 -0
- package/lib/esm/components/table/index.js +10 -0
- package/lib/esm/components/table/index.js.map +1 -0
- package/lib/esm/components/table/reactTableBase.d.ts +2 -0
- package/lib/esm/components/table/reactTableBase.js +3 -0
- package/lib/esm/components/table/reactTableBase.js.map +1 -0
- package/lib/esm/components/table/table.d.ts +123 -0
- package/lib/esm/components/table/table.js +239 -0
- package/lib/esm/components/table/table.js.map +1 -0
- package/lib/esm/components/table/tableMessages.d.ts +6 -0
- package/lib/esm/components/table/tableMessages.js +6 -0
- package/lib/esm/components/table/tableMessages.js.map +1 -0
- package/lib/esm/components/table/theme.d.ts +4 -0
- package/lib/esm/components/table/theme.js +6 -0
- package/lib/esm/components/table/theme.js.map +1 -0
- package/lib/esm/components/table/useAutoColumnSizer.d.ts +7 -0
- package/lib/esm/components/table/useAutoColumnSizer.js +47 -0
- package/lib/esm/components/table/useAutoColumnSizer.js.map +1 -0
- package/lib/esm/components/table/useAutoHeight.d.ts +4 -0
- package/lib/esm/components/table/useAutoHeight.js +66 -0
- package/lib/esm/components/table/useAutoHeight.js.map +1 -0
- package/lib/esm/components/table/useGroupedHeaderColumnSizer.d.ts +2 -0
- package/lib/esm/components/table/useGroupedHeaderColumnSizer.js +53 -0
- package/lib/esm/components/table/useGroupedHeaderColumnSizer.js.map +1 -0
- package/lib/esm/components/table/useTable.d.ts +122 -0
- package/lib/esm/components/table/useTable.js +28 -0
- package/lib/esm/components/table/useTable.js.map +1 -0
- package/lib/esm/components/table/useTableExport.d.ts +6 -0
- package/lib/esm/components/table/useTableExport.js +37 -0
- package/lib/esm/components/table/useTableExport.js.map +1 -0
- package/lib/esm/components/table/useTableState.d.ts +3 -0
- package/lib/esm/components/table/useTableState.js +11 -0
- package/lib/esm/components/table/useTableState.js.map +1 -0
- package/lib/esm/components/table/utils.d.ts +1 -0
- package/lib/esm/components/table/utils.js +5 -0
- package/lib/esm/components/table/utils.js.map +1 -0
- package/lib/esm/index.d.ts +3 -0
- package/lib/esm/index.js +4 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esnext/common/classes.d.ts +28 -0
- package/lib/esnext/common/classes.js +31 -0
- package/lib/esnext/common/classes.js.map +1 -0
- package/lib/esnext/common/index.d.ts +3 -0
- package/lib/esnext/common/index.js +4 -0
- package/lib/esnext/common/index.js.map +1 -0
- package/lib/esnext/components/pagination/index.d.ts +1 -0
- package/lib/esnext/components/pagination/index.js +2 -0
- package/lib/esnext/components/pagination/index.js.map +1 -0
- package/lib/esnext/components/pagination/pagination.d.ts +46 -0
- package/lib/esnext/components/pagination/pagination.js +53 -0
- package/lib/esnext/components/pagination/pagination.js.map +1 -0
- package/lib/esnext/components/table/columnFilter.d.ts +7 -0
- package/lib/esnext/components/table/columnFilter.js +17 -0
- package/lib/esnext/components/table/columnFilter.js.map +1 -0
- package/lib/esnext/components/table/columnHelpers.d.ts +340 -0
- package/lib/esnext/components/table/columnHelpers.js +37 -0
- package/lib/esnext/components/table/columnHelpers.js.map +1 -0
- package/lib/esnext/components/table/headerGroup.d.ts +8 -0
- package/lib/esnext/components/table/headerGroup.js +44 -0
- package/lib/esnext/components/table/headerGroup.js.map +1 -0
- package/lib/esnext/components/table/index.d.ts +9 -0
- package/lib/esnext/components/table/index.js +10 -0
- package/lib/esnext/components/table/index.js.map +1 -0
- package/lib/esnext/components/table/reactTableBase.d.ts +2 -0
- package/lib/esnext/components/table/reactTableBase.js +3 -0
- package/lib/esnext/components/table/reactTableBase.js.map +1 -0
- package/lib/esnext/components/table/table.d.ts +123 -0
- package/lib/esnext/components/table/table.js +239 -0
- package/lib/esnext/components/table/table.js.map +1 -0
- package/lib/esnext/components/table/tableMessages.d.ts +6 -0
- package/lib/esnext/components/table/tableMessages.js +6 -0
- package/lib/esnext/components/table/tableMessages.js.map +1 -0
- package/lib/esnext/components/table/theme.d.ts +4 -0
- package/lib/esnext/components/table/theme.js +6 -0
- package/lib/esnext/components/table/theme.js.map +1 -0
- package/lib/esnext/components/table/useAutoColumnSizer.d.ts +7 -0
- package/lib/esnext/components/table/useAutoColumnSizer.js +47 -0
- package/lib/esnext/components/table/useAutoColumnSizer.js.map +1 -0
- package/lib/esnext/components/table/useAutoHeight.d.ts +4 -0
- package/lib/esnext/components/table/useAutoHeight.js +66 -0
- package/lib/esnext/components/table/useAutoHeight.js.map +1 -0
- package/lib/esnext/components/table/useGroupedHeaderColumnSizer.d.ts +2 -0
- package/lib/esnext/components/table/useGroupedHeaderColumnSizer.js +53 -0
- package/lib/esnext/components/table/useGroupedHeaderColumnSizer.js.map +1 -0
- package/lib/esnext/components/table/useTable.d.ts +122 -0
- package/lib/esnext/components/table/useTable.js +28 -0
- package/lib/esnext/components/table/useTable.js.map +1 -0
- package/lib/esnext/components/table/useTableExport.d.ts +6 -0
- package/lib/esnext/components/table/useTableExport.js +37 -0
- package/lib/esnext/components/table/useTableExport.js.map +1 -0
- package/lib/esnext/components/table/useTableState.d.ts +3 -0
- package/lib/esnext/components/table/useTableState.js +11 -0
- package/lib/esnext/components/table/useTableState.js.map +1 -0
- package/lib/esnext/components/table/utils.d.ts +1 -0
- package/lib/esnext/components/table/utils.js +5 -0
- package/lib/esnext/components/table/utils.js.map +1 -0
- package/lib/esnext/index.d.ts +3 -0
- package/lib/esnext/index.js +4 -0
- package/lib/esnext/index.js.map +1 -0
- package/package.json +61 -0
|
@@ -0,0 +1,345 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2023 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*/
|
|
4
|
+
/*
|
|
5
|
+
* Copyright 2023 Palantir Technologies, Inc. All rights reserved.
|
|
6
|
+
*/
|
|
7
|
+
ul.bp6-pagination {
|
|
8
|
+
display: inline-block;
|
|
9
|
+
list-style: none;
|
|
10
|
+
margin: 0;
|
|
11
|
+
padding: 0;
|
|
12
|
+
user-select: none;
|
|
13
|
+
}
|
|
14
|
+
ul.bp6-pagination > li {
|
|
15
|
+
display: inline-block;
|
|
16
|
+
}
|
|
17
|
+
ul.bp6-pagination > li .bp6-pagination-page {
|
|
18
|
+
padding: 8px 4px;
|
|
19
|
+
}
|
|
20
|
+
ul.bp6-pagination > li > * {
|
|
21
|
+
height: 100%;
|
|
22
|
+
}
|
|
23
|
+
ul.bp6-pagination.left {
|
|
24
|
+
display: flex;
|
|
25
|
+
justify-content: flex-start;
|
|
26
|
+
width: 100%;
|
|
27
|
+
}
|
|
28
|
+
ul.bp6-pagination.center {
|
|
29
|
+
display: flex;
|
|
30
|
+
justify-content: center;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
ul.bp6-pagination.right {
|
|
34
|
+
display: flex;
|
|
35
|
+
justify-content: flex-end;
|
|
36
|
+
width: 100%;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/*
|
|
40
|
+
* Copyright 2023 Palantir Technologies, Inc. All rights reserved.
|
|
41
|
+
*/
|
|
42
|
+
/*
|
|
43
|
+
* Copyright 2023 Palantir Technologies, Inc. All rights reserved.
|
|
44
|
+
*/
|
|
45
|
+
/*
|
|
46
|
+
* Copyright 2023 Palantir Technologies, Inc. All rights reserved.
|
|
47
|
+
*/
|
|
48
|
+
.bp6-react-table {
|
|
49
|
+
width: 100%;
|
|
50
|
+
}
|
|
51
|
+
.bp6-react-table .bp6-react-table-empty {
|
|
52
|
+
padding: 20px;
|
|
53
|
+
}
|
|
54
|
+
.bp6-react-table .bp6-react-table-empty[data-loading=true] {
|
|
55
|
+
height: 150px;
|
|
56
|
+
}
|
|
57
|
+
.bp6-react-table .bp6-react-table-top-toolbar,
|
|
58
|
+
.bp6-react-table .bp6-react-table-top-toolbar-right {
|
|
59
|
+
align-items: center;
|
|
60
|
+
display: flex;
|
|
61
|
+
justify-content: space-between;
|
|
62
|
+
}
|
|
63
|
+
.bp6-react-table .bp6-react-table-top-toolbar .bp6-react-table-column-manager,
|
|
64
|
+
.bp6-react-table .bp6-react-table-top-toolbar-right .bp6-react-table-column-manager {
|
|
65
|
+
background: #ffffff;
|
|
66
|
+
padding: 8px;
|
|
67
|
+
width: 360px;
|
|
68
|
+
}
|
|
69
|
+
.bp6-react-table .bp6-react-table-column-hiding {
|
|
70
|
+
margin-left: 10px;
|
|
71
|
+
}
|
|
72
|
+
.bp6-react-table .bp6-react-table-global-filter {
|
|
73
|
+
margin-left: 10px;
|
|
74
|
+
width: 200px;
|
|
75
|
+
}
|
|
76
|
+
.bp6-react-table .bp6-react-table-utility-toolbar {
|
|
77
|
+
align-items: center;
|
|
78
|
+
display: flex;
|
|
79
|
+
gap: 0;
|
|
80
|
+
}
|
|
81
|
+
.bp6-react-table .bp6-react-table-utility-toolbar:has(> :nth-child(2)) {
|
|
82
|
+
gap: 10px;
|
|
83
|
+
}
|
|
84
|
+
.bp6-react-table .bp6-react-table-content {
|
|
85
|
+
overflow-x: auto;
|
|
86
|
+
position: relative;
|
|
87
|
+
width: 100%;
|
|
88
|
+
}
|
|
89
|
+
.bp6-react-table .bp6-react-table-content[data-loading=true] {
|
|
90
|
+
overflow-x: clip;
|
|
91
|
+
}
|
|
92
|
+
.bp6-react-table .bp6-react-table-loading {
|
|
93
|
+
align-items: center;
|
|
94
|
+
background-color: rgba(255, 255, 255, 0.5);
|
|
95
|
+
display: flex;
|
|
96
|
+
height: 100%;
|
|
97
|
+
justify-content: center;
|
|
98
|
+
position: absolute;
|
|
99
|
+
width: 100%;
|
|
100
|
+
z-index: 1;
|
|
101
|
+
}
|
|
102
|
+
.bp6-react-table .bp6-react-table-head,
|
|
103
|
+
.bp6-react-table .bp6-react-table-body {
|
|
104
|
+
width: fit-content;
|
|
105
|
+
}
|
|
106
|
+
.bp6-react-table .bp6-react-table-head-cell {
|
|
107
|
+
color: #1c2127;
|
|
108
|
+
font-weight: 600;
|
|
109
|
+
user-select: none;
|
|
110
|
+
}
|
|
111
|
+
.bp6-dark .bp6-react-table .bp6-react-table-head-cell {
|
|
112
|
+
color: #f6f7f9;
|
|
113
|
+
}
|
|
114
|
+
.bp6-react-table .bp6-react-table-head-cell.bp6-text-muted {
|
|
115
|
+
color: #5f6b7c;
|
|
116
|
+
}
|
|
117
|
+
.bp6-dark .bp6-react-table .bp6-react-table-head-cell.bp6-text-muted {
|
|
118
|
+
color: #abb3bf;
|
|
119
|
+
}
|
|
120
|
+
.bp6-react-table .bp6-react-table-head-cell:hover .bp6-react-table-resizer {
|
|
121
|
+
opacity: 1;
|
|
122
|
+
}
|
|
123
|
+
.bp6-react-table .bp6-react-table-head-cell:hover .bp6-react-table-head-filter[data-can-resize=true] {
|
|
124
|
+
width: calc(100% - 40px);
|
|
125
|
+
}
|
|
126
|
+
.bp6-react-table .bp6-react-table-head-cell[data-sortable=true] {
|
|
127
|
+
cursor: pointer;
|
|
128
|
+
}
|
|
129
|
+
.bp6-react-table .bp6-react-table-head-cell .bp6-react-table-sorting {
|
|
130
|
+
flex: 0 0 auto;
|
|
131
|
+
margin-right: 4px;
|
|
132
|
+
padding: 0 8px;
|
|
133
|
+
}
|
|
134
|
+
.bp6-react-table .bp6-react-table-head-cell-content {
|
|
135
|
+
align-items: center;
|
|
136
|
+
display: flex;
|
|
137
|
+
gap: 5px;
|
|
138
|
+
min-width: 0;
|
|
139
|
+
}
|
|
140
|
+
.bp6-react-table .bp6-react-table-head-cell-content-label {
|
|
141
|
+
flex: 0 1 auto;
|
|
142
|
+
min-width: 0;
|
|
143
|
+
overflow: hidden;
|
|
144
|
+
padding-top: 3px;
|
|
145
|
+
text-overflow: ellipsis;
|
|
146
|
+
white-space: nowrap;
|
|
147
|
+
}
|
|
148
|
+
.bp6-react-table .bp6-react-table-head-filter {
|
|
149
|
+
font-size: 14px;
|
|
150
|
+
font-weight: 400;
|
|
151
|
+
letter-spacing: 0;
|
|
152
|
+
line-height: 1.28581;
|
|
153
|
+
text-transform: none;
|
|
154
|
+
font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "blueprint-icons-16", sans-serif;
|
|
155
|
+
margin-top: 5px;
|
|
156
|
+
width: calc(100% - 20px);
|
|
157
|
+
}
|
|
158
|
+
.bp6-react-table .bp6-react-table-head-filter > .bp6-numeric-input {
|
|
159
|
+
max-width: calc(100% - 20px);
|
|
160
|
+
}
|
|
161
|
+
.bp6-react-table .bp6-react-table-head-filter > .bp6-numeric-input .bp6-input-group {
|
|
162
|
+
width: 100%;
|
|
163
|
+
}
|
|
164
|
+
.bp6-react-table .bp6-react-table-head-filter:empty {
|
|
165
|
+
display: none;
|
|
166
|
+
}
|
|
167
|
+
.bp6-react-table .bp6-react-table-cell[data-ellipsize=true] {
|
|
168
|
+
min-width: 0;
|
|
169
|
+
overflow: hidden;
|
|
170
|
+
text-overflow: ellipsis;
|
|
171
|
+
white-space: nowrap;
|
|
172
|
+
}
|
|
173
|
+
.bp6-react-table .bp6-react-table-cell[data-ellipsize=true] > * {
|
|
174
|
+
flex: 1 1 auto;
|
|
175
|
+
min-width: 0;
|
|
176
|
+
overflow: hidden;
|
|
177
|
+
padding-top: 3px;
|
|
178
|
+
text-overflow: ellipsis;
|
|
179
|
+
white-space: nowrap;
|
|
180
|
+
}
|
|
181
|
+
.bp6-react-table .bp6-react-table-row-expander-wrapper {
|
|
182
|
+
align-items: center;
|
|
183
|
+
display: flex;
|
|
184
|
+
}
|
|
185
|
+
.bp6-react-table .bp6-react-table-row-expander {
|
|
186
|
+
cursor: pointer;
|
|
187
|
+
display: inline-block;
|
|
188
|
+
width: 25px;
|
|
189
|
+
}
|
|
190
|
+
.bp6-react-table .bp6-react-table-resizer {
|
|
191
|
+
cursor: col-resize;
|
|
192
|
+
height: 100%;
|
|
193
|
+
opacity: 0;
|
|
194
|
+
position: absolute;
|
|
195
|
+
right: 0;
|
|
196
|
+
top: 0;
|
|
197
|
+
touch-action: none;
|
|
198
|
+
user-select: none;
|
|
199
|
+
width: 16px;
|
|
200
|
+
}
|
|
201
|
+
.bp6-react-table .bp6-react-table-resizer::before {
|
|
202
|
+
font-family: "blueprint-icons-16", sans-serif;
|
|
203
|
+
font-size: 16px;
|
|
204
|
+
font-style: normal;
|
|
205
|
+
font-variant: normal;
|
|
206
|
+
font-weight: 400;
|
|
207
|
+
height: 16px;
|
|
208
|
+
line-height: 1;
|
|
209
|
+
width: 16px;
|
|
210
|
+
-moz-osx-font-smoothing: grayscale;
|
|
211
|
+
-webkit-font-smoothing: antialiased;
|
|
212
|
+
content: "\f18c";
|
|
213
|
+
position: absolute;
|
|
214
|
+
right: 4px;
|
|
215
|
+
top: 50%;
|
|
216
|
+
transform: translateY(-50%);
|
|
217
|
+
}
|
|
218
|
+
.bp6-react-table .bp6-react-table-resizer[data-resizing=true] {
|
|
219
|
+
opacity: 1;
|
|
220
|
+
}
|
|
221
|
+
.bp6-react-table .bp6-react-table-head-cell[data-has-filter=true] .bp6-react-table-resizer::before {
|
|
222
|
+
top: 25%;
|
|
223
|
+
}
|
|
224
|
+
.bp6-react-table .bp6-react-table-selection {
|
|
225
|
+
align-items: center;
|
|
226
|
+
display: flex;
|
|
227
|
+
height: 100%;
|
|
228
|
+
}
|
|
229
|
+
.bp6-react-table .bp6-react-table-row-sub-component:empty {
|
|
230
|
+
display: none;
|
|
231
|
+
}
|
|
232
|
+
.bp6-react-table .bp6-react-table-pagination {
|
|
233
|
+
display: flex;
|
|
234
|
+
justify-content: space-between;
|
|
235
|
+
padding: 10px;
|
|
236
|
+
gap: 10px;
|
|
237
|
+
}
|
|
238
|
+
.bp6-react-table .bp6-react-table-pagination .bp6-pagination {
|
|
239
|
+
width: unset;
|
|
240
|
+
}
|
|
241
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-top-toolbar {
|
|
242
|
+
padding: 10px;
|
|
243
|
+
}
|
|
244
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-content[data-top-toolbar=true] {
|
|
245
|
+
border-top: 1px solid #e5e8eb;
|
|
246
|
+
}
|
|
247
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-row {
|
|
248
|
+
align-items: stretch;
|
|
249
|
+
display: flex;
|
|
250
|
+
width: fit-content;
|
|
251
|
+
}
|
|
252
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-row:nth-child(even) {
|
|
253
|
+
background: #f6f7f9;
|
|
254
|
+
}
|
|
255
|
+
.bp6-dark .bp6-react-table[data-theme=standard] .bp6-react-table-row:nth-child(even) {
|
|
256
|
+
color: #1c2127;
|
|
257
|
+
}
|
|
258
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-row:hover[data-clickable=true] {
|
|
259
|
+
background-color: #edeff2;
|
|
260
|
+
cursor: pointer;
|
|
261
|
+
}
|
|
262
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-cell {
|
|
263
|
+
align-items: center;
|
|
264
|
+
display: flex;
|
|
265
|
+
}
|
|
266
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-head-cell,
|
|
267
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-cell {
|
|
268
|
+
box-sizing: content-box;
|
|
269
|
+
padding: 10px;
|
|
270
|
+
position: relative;
|
|
271
|
+
}
|
|
272
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-head-cell:not(:last-child),
|
|
273
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-cell:not(:last-child) {
|
|
274
|
+
border-right: 1px solid #e5e8eb;
|
|
275
|
+
}
|
|
276
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-head .bp6-react-table-row {
|
|
277
|
+
border-bottom: 1px solid #8f99a8;
|
|
278
|
+
}
|
|
279
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-body .bp6-react-table-row {
|
|
280
|
+
border-bottom: 1px solid #e5e8eb;
|
|
281
|
+
}
|
|
282
|
+
.bp6-react-table[data-theme=standard] .bp6-react-table-row-sub-component {
|
|
283
|
+
border-bottom: 1px solid #e5e8eb;
|
|
284
|
+
width: 100%;
|
|
285
|
+
}
|
|
286
|
+
.bp6-dark .bp6-react-table[data-theme=standard] .bp6-react-table-row:nth-child(odd) .bp6-react-table-row-expander svg {
|
|
287
|
+
fill: #8abbff;
|
|
288
|
+
}
|
|
289
|
+
.bp6-react-table[data-theme=segment] {
|
|
290
|
+
margin: -10px;
|
|
291
|
+
}
|
|
292
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-content {
|
|
293
|
+
padding: 10px;
|
|
294
|
+
}
|
|
295
|
+
[data-theme=segment] .bp6-react-table[data-theme=segment] {
|
|
296
|
+
margin: unset;
|
|
297
|
+
}
|
|
298
|
+
[data-theme=segment] .bp6-react-table[data-theme=segment] .bp6-react-table-content {
|
|
299
|
+
padding: unset;
|
|
300
|
+
}
|
|
301
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-empty {
|
|
302
|
+
background-color: #ffffff;
|
|
303
|
+
box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
304
|
+
}
|
|
305
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-loading {
|
|
306
|
+
background-color: rgba(229, 232, 235, 0.5);
|
|
307
|
+
}
|
|
308
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-row {
|
|
309
|
+
align-items: center;
|
|
310
|
+
display: flex;
|
|
311
|
+
padding: 0 10px;
|
|
312
|
+
width: fit-content;
|
|
313
|
+
}
|
|
314
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-row:hover[data-clickable=true] {
|
|
315
|
+
background-color: #edeff2;
|
|
316
|
+
cursor: pointer;
|
|
317
|
+
}
|
|
318
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-top-toolbar {
|
|
319
|
+
padding: 10px 10px 0;
|
|
320
|
+
}
|
|
321
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-head-cell {
|
|
322
|
+
color: #5f6b7c;
|
|
323
|
+
}
|
|
324
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-head-cell,
|
|
325
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-cell {
|
|
326
|
+
box-sizing: content-box;
|
|
327
|
+
padding: 10px;
|
|
328
|
+
position: relative;
|
|
329
|
+
}
|
|
330
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-body .bp6-react-table-row {
|
|
331
|
+
background: #ffffff;
|
|
332
|
+
box-shadow: 0 1px 4px rgba(17, 20, 24, 0.1), 0 4px 6px rgba(17, 20, 24, 0.1);
|
|
333
|
+
}
|
|
334
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-body .bp6-react-table-row[data-depth="0"]:not(:first-child) {
|
|
335
|
+
margin-top: 10px;
|
|
336
|
+
}
|
|
337
|
+
.bp6-react-table[data-theme=segment] .bp6-react-table-row-sub-component {
|
|
338
|
+
background: #ffffff;
|
|
339
|
+
box-shadow: 0 1px 4px rgba(17, 20, 24, 0.1), 0 4px 6px rgba(17, 20, 24, 0.1);
|
|
340
|
+
}
|
|
341
|
+
.bp6-dark .bp6-react-table[data-theme=segment] .bp6-react-table-body .bp6-react-table-row {
|
|
342
|
+
color: #1c2127;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
/*# sourceMappingURL=blueprintjs.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@blueprintjs/colors/lib/scss/colors.scss","../../src/main/web/components/pagination/_pagination.scss","../../src/main/web/components/table/_table.scss","../../../../../node_modules/@blueprintjs/core/src/common/_variables.scss","../../../../../node_modules/@blueprintjs/core/src/common/_mixins.scss","../../../../../node_modules/@blueprintjs/core/src/components/icon/_icon-mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ADnCJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AEGA;EACE;;AAEA;EACE;;AAEA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;EACE,YFGE;EEFF;EACA;;AAIJ;EACE,aCHW;;ADMb;EACE,aCPW;EDQX;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EEZA,OJtDW;EIuDX;EFaE;;AEXF;EACE,OJ1CU;;AI6CZ;EACE,OJxDI;;AI0DJ;EACE,OJxDE;;AE6DJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAQF;EErEA,WDca;ECbb;EACA;EACA,aDiBe;EChBf;EFmEE,aCxEF;EDyEE;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCpIoB;;ADsIpB;EG/JF;EACA,WFwBsB;EEvBtB;EACA;EACA;EACA,QFoBsB;EEnBtB;EAGA,OFgBsB;EEjCtB;EACA;EHwKI;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA,SCvLW;EDwLX,KCxLW;;AD0LX;EACE;;AAKF;EACE,SCjMS;;ADoMX;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE,YFjNM;;AEqNN;EACE,OFtOG;;AE0OP;EACE,kBF5NM;EE6NN;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;EACA,SCrOS;EDsOT;;AAEA;AAAA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;;AAKN;EACE;;AAEA;EACE,SCrQS;;ADwQX;EACE;;AAEA;EACE;;AAIJ;EACE,kBFlRE;EEmRF,YClMJ;;ADqME;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE,kBFpSM;EEqSN;;AAIJ;EACE;;AAGF;EACE,OFvTE;;AE0TJ;AAAA;EAEE;EACA,SChTS;EDiTT;;AAGF;EACE,YFtTE;EEuTF;;AAEA;EACE,YCzTO;;AD6TX;EACE,YF/TE;EEgUF;;AAIA;EACE,OFvVK","file":"blueprintjs.css"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare const PAGINATION: string;
|
|
2
|
+
export declare const PAGINATION_BUTTON: string;
|
|
3
|
+
export declare const PAGINATION_PAGE: string;
|
|
4
|
+
export declare const REACT_TABLE: string;
|
|
5
|
+
export declare const REACT_TABLE_EMPTY: string;
|
|
6
|
+
export declare const REACT_TABLE_LOADING: string;
|
|
7
|
+
export declare const REACT_TABLE_TOP_TOOLBAR: string;
|
|
8
|
+
export declare const REACT_TABLE_TOP_TOOLBAR_LEFT: string;
|
|
9
|
+
export declare const REACT_TABLE_TOP_TOOLBAR_RIGHT: string;
|
|
10
|
+
export declare const REACT_TABLE_UTILITY_TOOLBAR: string;
|
|
11
|
+
export declare const REACT_TABLE_GLOBAL_FILTER: string;
|
|
12
|
+
export declare const REACT_TABLE_CONTENT: string;
|
|
13
|
+
export declare const REACT_TABLE_HEAD: string;
|
|
14
|
+
export declare const REACT_TABLE_BODY: string;
|
|
15
|
+
export declare const REACT_TABLE_PAGINATION: string;
|
|
16
|
+
export declare const REACT_TABLE_ROW: string;
|
|
17
|
+
export declare const REACT_TABLE_HEAD_CELL: string;
|
|
18
|
+
export declare const REACT_TABLE_HEAD_CELL_CONTENT: string;
|
|
19
|
+
export declare const REACT_TABLE_HEAD_CELL_CONTENT_LABEL: string;
|
|
20
|
+
export declare const REACT_TABLE_HEAD_FILTER: string;
|
|
21
|
+
export declare const REACT_TABLE_CELL: string;
|
|
22
|
+
export declare const REACT_TABLE_ROW_EXPANDER: string;
|
|
23
|
+
export declare const REACT_TABLE_ROW_EXPANDER_WRAPPER: string;
|
|
24
|
+
export declare const REACT_TABLE_ROW_SUB_COMPONENT: string;
|
|
25
|
+
export declare const REACT_TABLE_RESIZER: string;
|
|
26
|
+
export declare const REACT_TABLE_SORTING: string;
|
|
27
|
+
export declare const REACT_TABLE_SELECTION: string;
|
|
28
|
+
export declare const REACT_TABLE_COLUMN_MANAGER: string;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Classes } from '@blueprintjs/core';
|
|
2
|
+
const NS = Classes.getClassNamespace();
|
|
3
|
+
export const PAGINATION = `${NS}-pagination`;
|
|
4
|
+
export const PAGINATION_BUTTON = `${NS}-pagination-button`;
|
|
5
|
+
export const PAGINATION_PAGE = `${NS}-pagination-page`;
|
|
6
|
+
export const REACT_TABLE = `${NS}-react-table`;
|
|
7
|
+
export const REACT_TABLE_EMPTY = `${REACT_TABLE}-empty`;
|
|
8
|
+
export const REACT_TABLE_LOADING = `${REACT_TABLE}-loading`;
|
|
9
|
+
export const REACT_TABLE_TOP_TOOLBAR = `${REACT_TABLE}-top-toolbar`;
|
|
10
|
+
export const REACT_TABLE_TOP_TOOLBAR_LEFT = `${REACT_TABLE}-top-toolbar-left`;
|
|
11
|
+
export const REACT_TABLE_TOP_TOOLBAR_RIGHT = `${REACT_TABLE}-top-toolbar-right`;
|
|
12
|
+
export const REACT_TABLE_UTILITY_TOOLBAR = `${REACT_TABLE}-utility-toolbar`;
|
|
13
|
+
export const REACT_TABLE_GLOBAL_FILTER = `${REACT_TABLE}-global-filter`;
|
|
14
|
+
export const REACT_TABLE_CONTENT = `${REACT_TABLE}-content`;
|
|
15
|
+
export const REACT_TABLE_HEAD = `${REACT_TABLE}-head`;
|
|
16
|
+
export const REACT_TABLE_BODY = `${REACT_TABLE}-body`;
|
|
17
|
+
export const REACT_TABLE_PAGINATION = `${REACT_TABLE}-pagination`;
|
|
18
|
+
export const REACT_TABLE_ROW = `${REACT_TABLE}-row`;
|
|
19
|
+
export const REACT_TABLE_HEAD_CELL = `${REACT_TABLE}-head-cell`;
|
|
20
|
+
export const REACT_TABLE_HEAD_CELL_CONTENT = `${REACT_TABLE_HEAD_CELL}-content`;
|
|
21
|
+
export const REACT_TABLE_HEAD_CELL_CONTENT_LABEL = `${REACT_TABLE_HEAD_CELL_CONTENT}-label`;
|
|
22
|
+
export const REACT_TABLE_HEAD_FILTER = `${REACT_TABLE}-head-filter`;
|
|
23
|
+
export const REACT_TABLE_CELL = `${REACT_TABLE}-cell`;
|
|
24
|
+
export const REACT_TABLE_ROW_EXPANDER = `${REACT_TABLE}-row-expander`;
|
|
25
|
+
export const REACT_TABLE_ROW_EXPANDER_WRAPPER = `${REACT_TABLE}-row-expander-wrapper`;
|
|
26
|
+
export const REACT_TABLE_ROW_SUB_COMPONENT = `${REACT_TABLE}-row-sub-component`;
|
|
27
|
+
export const REACT_TABLE_RESIZER = `${REACT_TABLE}-resizer`;
|
|
28
|
+
export const REACT_TABLE_SORTING = `${REACT_TABLE}-sorting`;
|
|
29
|
+
export const REACT_TABLE_SELECTION = `${REACT_TABLE}-selection`;
|
|
30
|
+
export const REACT_TABLE_COLUMN_MANAGER = `${REACT_TABLE}-column-manager`;
|
|
31
|
+
//# sourceMappingURL=classes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../src/main/web/common/classes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,EAAE,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,aAAa,CAAC;AAC7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,oBAAoB,CAAC;AAC3D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,kBAAkB,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,cAAc,CAAC;AAC/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,WAAW,QAAQ,CAAC;AACxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,WAAW,UAAU,CAAC;AAC5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,WAAW,cAAc,CAAC;AACpE,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,WAAW,mBAAmB,CAAC;AAC9E,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,WAAW,oBAAoB,CAAC;AAChF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,WAAW,kBAAkB,CAAC;AAC5E,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,WAAW,gBAAgB,CAAC;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,WAAW,UAAU,CAAC;AAC5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,WAAW,OAAO,CAAC;AACtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,WAAW,OAAO,CAAC;AACtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,WAAW,aAAa,CAAC;AAClE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,WAAW,MAAM,CAAC;AACpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,WAAW,YAAY,CAAC;AAChE,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,qBAAqB,UAAU,CAAC;AAChF,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,6BAA6B,QAAQ,CAAC;AAC5F,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,WAAW,cAAc,CAAC;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,WAAW,OAAO,CAAC;AACtD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,WAAW,eAAe,CAAC;AACtE,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,WAAW,uBAAuB,CAAC;AACtF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,WAAW,oBAAoB,CAAC;AAChF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,WAAW,UAAU,CAAC;AAC5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,WAAW,UAAU,CAAC;AAC5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,WAAW,YAAY,CAAC;AAChE,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,WAAW,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './pagination';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/main/web/components/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface PaginationProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
3
|
+
/** Current selected page. */
|
|
4
|
+
selectedPage: number;
|
|
5
|
+
/** Handler that accepts the newly selected page by the user. */
|
|
6
|
+
onPageChange: (nextPage: number) => void;
|
|
7
|
+
/** True if component should be disabled. */
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
/** The total number of pages. */
|
|
10
|
+
pageCount: number;
|
|
11
|
+
/** The central number of pages to be displayed.
|
|
12
|
+
*
|
|
13
|
+
* @default 5
|
|
14
|
+
*/
|
|
15
|
+
centerPagesDisplayed?: number;
|
|
16
|
+
/** The number of pages to be displayed around the center pages.
|
|
17
|
+
*
|
|
18
|
+
* @default 1
|
|
19
|
+
*/
|
|
20
|
+
marginPagesDisplayed?: number;
|
|
21
|
+
/** The position to place the pagination list.
|
|
22
|
+
*
|
|
23
|
+
* @default "center"
|
|
24
|
+
*/
|
|
25
|
+
position?: PaginationPosition;
|
|
26
|
+
/** The message inside the previous page button.
|
|
27
|
+
*
|
|
28
|
+
* @default "Previous"
|
|
29
|
+
*/
|
|
30
|
+
previousMessage?: React.ReactNode;
|
|
31
|
+
/** The message inside the next page button.
|
|
32
|
+
*
|
|
33
|
+
* @default "Next"
|
|
34
|
+
*/
|
|
35
|
+
nextMessage?: React.ReactNode;
|
|
36
|
+
/** The aria message for the previous page button. */
|
|
37
|
+
'aria-previous-page'?: string;
|
|
38
|
+
/** The aria message for the next page button. */
|
|
39
|
+
'aria-next-page'?: string;
|
|
40
|
+
/** The aria message for the current page button. */
|
|
41
|
+
'aria-current-page'?: string;
|
|
42
|
+
}
|
|
43
|
+
/** Pagination position */
|
|
44
|
+
export type PaginationPosition = 'left' | 'center' | 'right';
|
|
45
|
+
declare const Pagination: React.FC<PaginationProps>;
|
|
46
|
+
export { Pagination };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { AnchorButton } from '@blueprintjs/core';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { Range } from 'immutable';
|
|
4
|
+
import invariant from 'invariant';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { Classes, DISPLAYNAME_PREFIX } from '../../common';
|
|
7
|
+
const Pagination = React.forwardRef((props, ref) => {
|
|
8
|
+
const { selectedPage, onPageChange, disabled, pageCount, centerPagesDisplayed = 5, marginPagesDisplayed = 1, position = 'center', previousMessage = 'Previous', nextMessage = 'Next', 'aria-previous-page': ariaPreviousPage, 'aria-next-page': ariaNextPage, 'aria-current-page': ariaCurrentPage, ...ulProps } = props;
|
|
9
|
+
invariant(Number.isInteger(selectedPage), 'selectedPage must be an integer');
|
|
10
|
+
invariant(Number.isInteger(pageCount), 'pageCount must be an integer');
|
|
11
|
+
invariant(Number.isInteger(centerPagesDisplayed), 'centerPagesDisplayed must be an integer');
|
|
12
|
+
invariant(Number.isInteger(marginPagesDisplayed), 'marginPagesDisplayed must be an integer');
|
|
13
|
+
const changePage = React.useCallback((page) => () => onPageChange(page), [onPageChange]);
|
|
14
|
+
const buildPage = React.useCallback((page) => {
|
|
15
|
+
return (React.createElement("li", { key: page },
|
|
16
|
+
React.createElement(AnchorButton, { className: Classes.PAGINATION_PAGE, disabled: page !== selectedPage && disabled, minimal: true, onClick: changePage(page), active: page === selectedPage, "aria-label": page === selectedPage
|
|
17
|
+
? (ariaCurrentPage ?? 'Current page')
|
|
18
|
+
: undefined, intent: "primary" }, page + 1)));
|
|
19
|
+
}, [selectedPage, disabled, changePage, ariaCurrentPage]);
|
|
20
|
+
if (pageCount === 0) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
const hasPrevious = selectedPage > 0;
|
|
24
|
+
const hasNext = selectedPage < pageCount - 1;
|
|
25
|
+
const halfRange = Math.floor(centerPagesDisplayed / 2);
|
|
26
|
+
const pageRange = Range(0, pageCount)
|
|
27
|
+
.skip(Math.min(selectedPage - halfRange, pageCount - centerPagesDisplayed))
|
|
28
|
+
.take(centerPagesDisplayed);
|
|
29
|
+
const pages = pageRange.map(buildPage);
|
|
30
|
+
const leftMargin = pageRange.first(0) > marginPagesDisplayed - 1
|
|
31
|
+
? Range(0, marginPagesDisplayed).map(buildPage)
|
|
32
|
+
: null;
|
|
33
|
+
const leftBreak = pageRange.first(0) < marginPagesDisplayed + 1 ? null : (React.createElement("li", null,
|
|
34
|
+
React.createElement(AnchorButton, { className: Classes.PAGINATION_PAGE, disabled: disabled, onClick: changePage(Math.max(0, selectedPage - centerPagesDisplayed)), minimal: true }, "...")));
|
|
35
|
+
const rightMargin = pageRange.last(pageCount - 1) < pageCount - marginPagesDisplayed
|
|
36
|
+
? Range(pageCount - marginPagesDisplayed, pageCount).map(buildPage)
|
|
37
|
+
: null;
|
|
38
|
+
const rightBreak = pageRange.last(pageCount - 1) > pageCount - marginPagesDisplayed - 2 ? null : (React.createElement("li", null,
|
|
39
|
+
React.createElement(AnchorButton, { className: Classes.PAGINATION_PAGE, disabled: disabled, onClick: changePage(Math.min(pageCount - 1, selectedPage + centerPagesDisplayed)), minimal: true }, "...")));
|
|
40
|
+
return (React.createElement("ul", { ref: ref, ...ulProps, className: cx(Classes.PAGINATION, props.className, position) },
|
|
41
|
+
React.createElement("li", null,
|
|
42
|
+
React.createElement(AnchorButton, { className: Classes.PAGINATION_BUTTON, disabled: disabled || !hasPrevious, onClick: changePage(selectedPage - 1), icon: "caret-left", minimal: true, "aria-label": ariaPreviousPage ?? 'Previous page' }, previousMessage)),
|
|
43
|
+
leftMargin,
|
|
44
|
+
leftBreak,
|
|
45
|
+
pages,
|
|
46
|
+
rightBreak,
|
|
47
|
+
rightMargin,
|
|
48
|
+
React.createElement("li", null,
|
|
49
|
+
React.createElement(AnchorButton, { className: Classes.PAGINATION_BUTTON, disabled: disabled || !hasNext, onClick: changePage(selectedPage + 1), rightIcon: "caret-right", minimal: true, "aria-label": ariaNextPage ?? 'Next page' }, nextMessage))));
|
|
50
|
+
});
|
|
51
|
+
Pagination.displayName = `${DISPLAYNAME_PREFIX}.Pagination`;
|
|
52
|
+
export { Pagination };
|
|
53
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/main/web/components/pagination/pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Column, Table } from './reactTableBase';
|
|
3
|
+
export interface ColumnFilterProps<TData, TValue = unknown> {
|
|
4
|
+
table: Table<TData>;
|
|
5
|
+
column: Column<TData, TValue>;
|
|
6
|
+
}
|
|
7
|
+
export declare const ColumnFilter: <TData, TValue>(props: ColumnFilterProps<TData, TValue>) => React.ReactElement;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { InputGroup, NumericInput } from '@blueprintjs/core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export const ColumnFilter = function ColumnFilter(props) {
|
|
4
|
+
const definition = props.column.columnDef;
|
|
5
|
+
const value = props.column.getFilterValue();
|
|
6
|
+
const setFilterValue = props.column.setFilterValue;
|
|
7
|
+
const handleStringChange = React.useCallback((event) => setFilterValue(event.currentTarget.value), [setFilterValue]);
|
|
8
|
+
const handleNumberChange = React.useCallback((number) => setFilterValue([number]), [setFilterValue]);
|
|
9
|
+
const flatRows = props.table.getPreFilteredRowModel().flatRows;
|
|
10
|
+
const valueType = React.useMemo(() => typeof flatRows
|
|
11
|
+
.slice(0, 5)
|
|
12
|
+
.map((row) => row.getValue(props.column.id))
|
|
13
|
+
.filter((x) => x != null)[0], [props.column.id, flatRows]);
|
|
14
|
+
const numberValue = valueType === 'number' && value != null ? value[0] : undefined;
|
|
15
|
+
return definition.filter != null ? (React.createElement(React.Fragment, null, definition.filter(props))) : valueType === 'number' ? (React.createElement(NumericInput, { asyncControl: true, value: value != null ? numberValue : undefined, onValueChange: handleNumberChange })) : (React.createElement(InputGroup, { value: value, onChange: handleStringChange }));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=columnFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columnFilter.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/columnFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,YAAY,CAC7C,KAAuC;IAEvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,SAAyC,CAAC;IAC1E,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;IAE5C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;IACnD,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAA6C,EAAE,EAAE,CAC9C,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAC7C,CAAC,cAAc,CAAC,CACnB,CAAC;IACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,EAC5C,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC,QAAQ,CAAC;IAC/D,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACD,OAAO,QAAQ;SACV,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SAC3C,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EACpC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,QAAQ,CAAC,CAC9B,CAAC;IAEF,MAAM,WAAW,GACb,SAAS,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,CAAE,KAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,OAAO,UAAU,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAC/B,0CAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAI,CAClC,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,oBAAC,YAAY,IACT,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC9C,aAAa,EAAE,kBAAkB,GACnC,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAe,EAAE,QAAQ,EAAE,kBAAkB,GAAI,CACvE,CAAC;AACN,CAAC,CAAC"}
|