@imposium-hub/components 2.5.10-10 → 2.5.10-11
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/dist/cjs/components/card/Card.d.ts +0 -1
- package/dist/cjs/components/card/Card.js +4 -17
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts +11 -9
- package/dist/cjs/components/confirm-modal/ConfirmModal.js +10 -9
- package/dist/cjs/components/confirm-modal/ConfirmModal.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +7 -51
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/smpte-field/SMPTEField.d.ts +1 -2
- package/dist/cjs/components/smpte-field/SMPTEField.js +3 -9
- package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/cjs/constants/copy.js +2 -2
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -3
- package/dist/cjs/index.js +2 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-list.js +42 -34
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +0 -1
- package/dist/esm/components/card/Card.js +4 -16
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +11 -9
- package/dist/esm/components/confirm-modal/ConfirmModal.js +10 -8
- package/dist/esm/components/confirm-modal/ConfirmModal.js.map +1 -1
- package/dist/esm/components/data-table/Paginator.js +44 -74
- package/dist/esm/components/data-table/Paginator.js.map +1 -1
- package/dist/esm/components/smpte-field/SMPTEField.d.ts +1 -2
- package/dist/esm/components/smpte-field/SMPTEField.js +3 -9
- package/dist/esm/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/esm/constants/copy.js +2 -2
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/index.d.ts +1 -3
- package/dist/esm/index.js +1 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-list.js +42 -34
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/styles.css +0 -10
- package/dist/styles.less +0 -13
- package/less/components/data-table.less +0 -4
- package/less/components/form-field.less +0 -4
- package/less/components/tag.less +0 -5
- package/package.json +1 -1
- package/src/components/card/Card.tsx +13 -27
- package/src/components/confirm-modal/ConfirmModal.tsx +24 -19
- package/src/components/data-table/Paginator.tsx +93 -140
- package/src/components/smpte-field/SMPTEField.tsx +3 -8
- package/src/constants/copy.ts +2 -2
- package/src/index.ts +0 -4
- package/src/redux/actions/asset-list.ts +44 -37
- package/src/components/assets/AssetsTableAssetIdCell.tsx +0 -65
- package/src/components/assets/AssetsTableAssetIdFilter.tsx +0 -40
|
@@ -60,19 +60,23 @@ export const getAssets = (api, storyId) => {
|
|
|
60
60
|
};
|
|
61
61
|
export const deleteAssets = (api, ids, storyId) => {
|
|
62
62
|
return (dispatch) => {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
.
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
63
|
+
if (window.confirm(`Are you sure you want to delete ${ids.length} assets?`)) {
|
|
64
|
+
return new Promise((resolve, reject) => {
|
|
65
|
+
dispatch(toggleLoading(true));
|
|
66
|
+
api.deleteAssets(ids)
|
|
67
|
+
.then(() => {
|
|
68
|
+
dispatch(getAssets(api, storyId));
|
|
69
|
+
resolve(true);
|
|
70
|
+
})
|
|
71
|
+
.catch((errors) => {
|
|
72
|
+
dispatch(toggleLoading(false));
|
|
73
|
+
reject(false);
|
|
74
|
+
});
|
|
74
75
|
});
|
|
75
|
-
}
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
78
|
+
return Promise.resolve(false);
|
|
79
|
+
}
|
|
76
80
|
};
|
|
77
81
|
};
|
|
78
82
|
export const downloadAssets = (api, ids) => {
|
|
@@ -152,18 +156,20 @@ export const deleteAssetTags = (api, id) => {
|
|
|
152
156
|
};
|
|
153
157
|
export const deleteAssetsTags = (api, ids, storyId) => {
|
|
154
158
|
return (dispatch) => {
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
.
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
159
|
+
if (window.confirm(`Are you sure you want to remove all tags from ${ids.length} assets?`)) {
|
|
160
|
+
return new Promise((resolve, reject) => {
|
|
161
|
+
dispatch(toggleLoading(true));
|
|
162
|
+
api.deleteAssetsTags(ids)
|
|
163
|
+
.then(() => {
|
|
164
|
+
dispatch(getAssets(api, storyId));
|
|
165
|
+
resolve();
|
|
166
|
+
})
|
|
167
|
+
.catch((errors) => {
|
|
168
|
+
dispatch(toggleLoading(false));
|
|
169
|
+
reject();
|
|
170
|
+
});
|
|
165
171
|
});
|
|
166
|
-
}
|
|
172
|
+
}
|
|
167
173
|
};
|
|
168
174
|
};
|
|
169
175
|
export const updateAssetData = (api, id, data) => {
|
|
@@ -196,18 +202,20 @@ export const updateAssetStory = (api, id, storyId) => {
|
|
|
196
202
|
};
|
|
197
203
|
export const decoupleAssets = (api, ids, storyId) => {
|
|
198
204
|
return (dispatch) => {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
.
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
205
|
+
if (window.confirm(`Are you sure you want to decouple ${ids.length} assets?`)) {
|
|
206
|
+
return new Promise((resolve, reject) => {
|
|
207
|
+
dispatch(toggleLoading(true));
|
|
208
|
+
api.decoupleAssets(ids)
|
|
209
|
+
.then(() => {
|
|
210
|
+
dispatch(getAssets(api, storyId));
|
|
211
|
+
resolve();
|
|
212
|
+
})
|
|
213
|
+
.catch((errors) => {
|
|
214
|
+
dispatch(toggleLoading(false));
|
|
215
|
+
reject();
|
|
216
|
+
});
|
|
209
217
|
});
|
|
210
|
-
}
|
|
218
|
+
}
|
|
211
219
|
};
|
|
212
220
|
};
|
|
213
221
|
export const deleteAssetTag = (api, id, tag) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-list.js","sourceRoot":"","sources":["../../../../src/redux/actions/asset-list.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"asset-list.js","sourceRoot":"","sources":["../../../../src/redux/actions/asset-list.ts"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1077,9 +1077,6 @@ body a {
|
|
|
1077
1077
|
border-top: 0;
|
|
1078
1078
|
background-color: #242424;
|
|
1079
1079
|
}
|
|
1080
|
-
.ip-table-wrapper .ip-table-pagination input[type=number] {
|
|
1081
|
-
-moz-appearance: textfield;
|
|
1082
|
-
}
|
|
1083
1080
|
.ip-table-wrapper .ip-table-pagination .paginator-input {
|
|
1084
1081
|
display: inline-block;
|
|
1085
1082
|
background: #1d1d1d;
|
|
@@ -1261,9 +1258,6 @@ body a {
|
|
|
1261
1258
|
.form-field textarea:disabled:hover {
|
|
1262
1259
|
background: #1d1d1d;
|
|
1263
1260
|
}
|
|
1264
|
-
.form-field input[type=number] {
|
|
1265
|
-
-moz-appearance: textfield;
|
|
1266
|
-
}
|
|
1267
1261
|
.form-field textarea {
|
|
1268
1262
|
height: 60px;
|
|
1269
1263
|
resize: none;
|
|
@@ -2854,10 +2848,6 @@ body a {
|
|
|
2854
2848
|
margin-top: 2px;
|
|
2855
2849
|
cursor: pointer;
|
|
2856
2850
|
}
|
|
2857
|
-
.imposium-asset-id {
|
|
2858
|
-
cursor: pointer;
|
|
2859
|
-
user-select: none;
|
|
2860
|
-
}
|
|
2861
2851
|
h1,
|
|
2862
2852
|
h2,
|
|
2863
2853
|
h3,
|
package/dist/styles.less
CHANGED
|
@@ -1246,10 +1246,6 @@ body{
|
|
|
1246
1246
|
border-top: 0;
|
|
1247
1247
|
background-color: darken(@background, 1%);
|
|
1248
1248
|
|
|
1249
|
-
input[type=number] {
|
|
1250
|
-
-moz-appearance: textfield;
|
|
1251
|
-
}
|
|
1252
|
-
|
|
1253
1249
|
.paginator-input {
|
|
1254
1250
|
.inputMixin;
|
|
1255
1251
|
width: 60px;
|
|
@@ -1379,10 +1375,6 @@ body{
|
|
|
1379
1375
|
padding:4px;
|
|
1380
1376
|
}
|
|
1381
1377
|
|
|
1382
|
-
input[type=number] {
|
|
1383
|
-
-moz-appearance: textfield;
|
|
1384
|
-
}
|
|
1385
|
-
|
|
1386
1378
|
textarea{
|
|
1387
1379
|
height:@inputHeight * 3;
|
|
1388
1380
|
resize:none;
|
|
@@ -2944,11 +2936,6 @@ body{
|
|
|
2944
2936
|
}
|
|
2945
2937
|
}
|
|
2946
2938
|
}
|
|
2947
|
-
|
|
2948
|
-
.imposium-asset-id {
|
|
2949
|
-
cursor: pointer;
|
|
2950
|
-
user-select: none;
|
|
2951
|
-
}
|
|
2952
2939
|
h1, h2, h3, h4, h5 {
|
|
2953
2940
|
font-family: 'Oswald', sans-serif;
|
|
2954
2941
|
color:@headerTextDefault;
|
package/less/components/tag.less
CHANGED
package/package.json
CHANGED
|
@@ -11,7 +11,6 @@ interface ICardProps {
|
|
|
11
11
|
onOpen?: (e: any) => any;
|
|
12
12
|
onClose?: (e: any) => any;
|
|
13
13
|
onToggle?: (toggle: boolean) => any;
|
|
14
|
-
buttons?: any[];
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
interface ICardState {
|
|
@@ -98,7 +97,9 @@ class Card extends React.PureComponent<ICardProps, ICardState> {
|
|
|
98
97
|
|
|
99
98
|
return (
|
|
100
99
|
<div className={`card ${openClass} ${collapsableClass} ${styleClass}`}>
|
|
101
|
-
<div
|
|
100
|
+
<div
|
|
101
|
+
className='card-header'
|
|
102
|
+
onClick={this.evtHandlers.toggleOpen}>
|
|
102
103
|
{this.renderTitle(styleClass)}
|
|
103
104
|
{this.renderButtons()}
|
|
104
105
|
</div>
|
|
@@ -108,36 +109,21 @@ class Card extends React.PureComponent<ICardProps, ICardState> {
|
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
public renderButtons() {
|
|
111
|
-
const { collapsable
|
|
112
|
+
const { collapsable } = this.props;
|
|
112
113
|
const { open } = this.state;
|
|
113
114
|
const buttonIcon = open ? ICON_CARET_UP : ICON_CARET_DOWN;
|
|
114
115
|
|
|
115
|
-
let buttonArray: JSX.Element[];
|
|
116
|
-
|
|
117
|
-
const toggleBtn = (
|
|
118
|
-
<Button
|
|
119
|
-
key='toggleOpen'
|
|
120
|
-
style='subtle'
|
|
121
|
-
onClick={(e) => this.toggleOpen(e)}>
|
|
122
|
-
{buttonIcon}
|
|
123
|
-
</Button>
|
|
124
|
-
);
|
|
125
|
-
|
|
126
|
-
if (buttons && buttons.length > 0) {
|
|
127
|
-
buttonArray = buttons.map((button) => {
|
|
128
|
-
return button;
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
|
|
132
116
|
if (collapsable) {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
117
|
+
return (
|
|
118
|
+
<div className='header-buttons'>
|
|
119
|
+
<Button
|
|
120
|
+
style='subtle'
|
|
121
|
+
onClick={this.evtHandlers.toggleOpen}>
|
|
122
|
+
{buttonIcon}
|
|
123
|
+
</Button>
|
|
124
|
+
</div>
|
|
125
|
+
);
|
|
138
126
|
}
|
|
139
|
-
|
|
140
|
-
return <div className='header-buttons'>{buttonArray}</div>;
|
|
141
127
|
}
|
|
142
128
|
}
|
|
143
129
|
|
|
@@ -6,21 +6,26 @@ import Button from '../button/Button';
|
|
|
6
6
|
import { confirm as copy } from '../../constants/copy';
|
|
7
7
|
import Section from '../section/Section';
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
onClose
|
|
11
|
-
onYes
|
|
12
|
-
onNo
|
|
13
|
-
title
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
showCancel
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
9
|
+
interface IConfirmModalProps {
|
|
10
|
+
onClose: (e) => void;
|
|
11
|
+
onYes: (e) => void;
|
|
12
|
+
onNo: (e) => void;
|
|
13
|
+
title: string;
|
|
14
|
+
yesLabel?: string;
|
|
15
|
+
noLabel?: string;
|
|
16
|
+
showCancel?: boolean;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export const ConfirmModal = (props: IConfirmModalProps) => {
|
|
20
|
+
useHotkeys('enter', props.onYes, { enableOnFormTags: true });
|
|
21
|
+
|
|
22
|
+
const { cancel, yes, no } = copy;
|
|
23
|
+
const noLabel = props?.noLabel ? props.noLabel : no;
|
|
24
|
+
const yesLabel = props?.yesLabel ? props.yesLabel : yes;
|
|
20
25
|
|
|
21
26
|
const modal = (
|
|
22
27
|
<Modal
|
|
23
|
-
onRequestClose={onClose}
|
|
28
|
+
onRequestClose={props.onClose}
|
|
24
29
|
wrapperStyle={{
|
|
25
30
|
left: '0px',
|
|
26
31
|
width: '100%'
|
|
@@ -34,28 +39,28 @@ export const ConfirmModal = ({
|
|
|
34
39
|
isOpen={true}>
|
|
35
40
|
<Section>
|
|
36
41
|
<div className='confirm-modal'>
|
|
37
|
-
<p>{title}</p>
|
|
42
|
+
<p>{props.title}</p>
|
|
38
43
|
<div className='confirm-buttons'>
|
|
39
|
-
{showCancel ? (
|
|
44
|
+
{props.showCancel ? (
|
|
40
45
|
<Button
|
|
41
|
-
onClick={onClose}
|
|
46
|
+
onClick={props.onClose}
|
|
42
47
|
size='large'
|
|
43
48
|
color='default'>
|
|
44
49
|
{cancel}
|
|
45
50
|
</Button>
|
|
46
51
|
) : null}
|
|
47
52
|
<Button
|
|
48
|
-
onClick={onNo}
|
|
53
|
+
onClick={props.onNo}
|
|
49
54
|
size='large'
|
|
50
55
|
color='default'>
|
|
51
|
-
{
|
|
56
|
+
{noLabel}
|
|
52
57
|
</Button>
|
|
53
58
|
<Button
|
|
54
|
-
onClick={onYes}
|
|
59
|
+
onClick={props.onYes}
|
|
55
60
|
size='large'
|
|
56
61
|
style='bold'
|
|
57
62
|
color='primary'>
|
|
58
|
-
{
|
|
63
|
+
{yesLabel}
|
|
59
64
|
</Button>
|
|
60
65
|
</div>
|
|
61
66
|
</div>
|
|
@@ -26,149 +26,102 @@ const Paginator: React.FC<any> = ({
|
|
|
26
26
|
setPageSize,
|
|
27
27
|
itemsPerPage,
|
|
28
28
|
onItemsPerPage
|
|
29
|
-
}) =>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
29
|
+
}) => (
|
|
30
|
+
<section className='ip-table-pagination'>
|
|
31
|
+
<span>
|
|
32
|
+
<Button
|
|
33
|
+
style='subtle'
|
|
34
|
+
size='small'
|
|
35
|
+
tooltip='Go to first page'
|
|
36
|
+
disabled={!canPreviousPage}
|
|
37
|
+
onClick={() => gotoPage(1, pageSize)}>
|
|
38
|
+
{ICON_ANGLE_DOUBLE_LEFT}
|
|
39
|
+
</Button>
|
|
40
|
+
<Button
|
|
41
|
+
style='subtle'
|
|
42
|
+
size='small'
|
|
43
|
+
tooltip='Go to previous page'
|
|
44
|
+
disabled={!canPreviousPage}
|
|
45
|
+
onClick={() => previousPage()}>
|
|
46
|
+
{ICON_ANGLE_LEFT}
|
|
47
|
+
</Button>
|
|
48
|
+
<Button
|
|
49
|
+
style='subtle'
|
|
50
|
+
size='small'
|
|
51
|
+
tooltip='Go to next page'
|
|
52
|
+
disabled={!canNextPage}
|
|
53
|
+
onClick={() => nextPage()}>
|
|
54
|
+
{ICON_ANGLE_RIGHT}
|
|
55
|
+
</Button>
|
|
56
|
+
<Button
|
|
57
|
+
style='subtle'
|
|
58
|
+
size='small'
|
|
59
|
+
tooltip='Go to last page'
|
|
60
|
+
disabled={!canNextPage}
|
|
61
|
+
onClick={() => gotoPage(pageCount, pageSize)}>
|
|
62
|
+
{ICON_ANGLE_DOUBLE_RIGHT}
|
|
63
|
+
</Button>
|
|
64
|
+
|
|
65
65
|
<span>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
disabled={!canPreviousPage}
|
|
71
|
-
onClick={() => gotoPage(1, pageSize)}>
|
|
72
|
-
{ICON_ANGLE_DOUBLE_LEFT}
|
|
73
|
-
</Button>
|
|
74
|
-
<Button
|
|
75
|
-
style='subtle'
|
|
76
|
-
size='small'
|
|
77
|
-
tooltip='Go to previous page'
|
|
78
|
-
disabled={!canPreviousPage}
|
|
79
|
-
onClick={() => previousPage()}>
|
|
80
|
-
{ICON_ANGLE_LEFT}
|
|
81
|
-
</Button>
|
|
82
|
-
<Button
|
|
83
|
-
style='subtle'
|
|
84
|
-
size='small'
|
|
85
|
-
tooltip='Go to next page'
|
|
86
|
-
disabled={!canNextPage}
|
|
87
|
-
onClick={() => nextPage()}>
|
|
88
|
-
{ICON_ANGLE_RIGHT}
|
|
89
|
-
</Button>
|
|
90
|
-
<Button
|
|
91
|
-
style='subtle'
|
|
92
|
-
size='small'
|
|
93
|
-
tooltip='Go to last page'
|
|
94
|
-
disabled={!canNextPage}
|
|
95
|
-
onClick={() => gotoPage(pageCount, pageSize)}>
|
|
96
|
-
{ICON_ANGLE_DOUBLE_RIGHT}
|
|
97
|
-
</Button>
|
|
98
|
-
|
|
99
|
-
<span>
|
|
100
|
-
{copy.table.page}
|
|
101
|
-
<strong>
|
|
102
|
-
{getPageIndex} of {pageCount}
|
|
103
|
-
</strong>
|
|
104
|
-
|
|
105
|
-
</span>
|
|
106
|
-
<span>
|
|
107
|
-
{copy.table.goToPage}
|
|
108
|
-
<input
|
|
109
|
-
className='paginator-input'
|
|
110
|
-
type='number'
|
|
111
|
-
placeholder={getPageIndex.toString()}
|
|
112
|
-
onChange={(e) => {
|
|
113
|
-
const input = e.target.value;
|
|
114
|
-
const inputNum = Number(input);
|
|
115
|
-
let next: number;
|
|
116
|
-
|
|
117
|
-
clearTimeout(textInputTimeout);
|
|
118
|
-
|
|
119
|
-
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
124
|
-
next = inputNum;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
textInputTimeout = window.setTimeout(
|
|
128
|
-
() => gotoPage(next, pageSize),
|
|
129
|
-
1000
|
|
130
|
-
);
|
|
131
|
-
}}
|
|
132
|
-
onBlur={() => onGoToPageBlur()}
|
|
133
|
-
onKeyDown={(e) => onGoToPageKeyDown(e)}
|
|
134
|
-
/>
|
|
135
|
-
</span>
|
|
66
|
+
{copy.table.page}
|
|
67
|
+
<strong>
|
|
68
|
+
{pageIndex} of {pageCount}
|
|
69
|
+
</strong>
|
|
136
70
|
|
|
137
|
-
<span>
|
|
138
|
-
{copy.table.itemsPerPage}
|
|
139
|
-
<input
|
|
140
|
-
className='paginator-input'
|
|
141
|
-
type='number'
|
|
142
|
-
placeholder={getItemsPerPage.toString()}
|
|
143
|
-
min={1}
|
|
144
|
-
onChange={(e) => {
|
|
145
|
-
const input = e.target.value;
|
|
146
|
-
const inputNum = Number(input);
|
|
147
|
-
|
|
148
|
-
clearTimeout(textInputTimeout);
|
|
149
|
-
|
|
150
|
-
if (!input || inputNum < 1) {
|
|
151
|
-
return;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
setItemsPerPage(inputNum);
|
|
155
|
-
|
|
156
|
-
textInputTimeout = window.setTimeout(
|
|
157
|
-
() => onItemsPerPage(inputNum),
|
|
158
|
-
1000
|
|
159
|
-
);
|
|
160
|
-
}}
|
|
161
|
-
onBlur={() => onItemsPerPageBlur()}
|
|
162
|
-
onKeyDown={(e) => onItemsPerPageKeyDown(e)}
|
|
163
|
-
/>
|
|
164
|
-
</span>
|
|
165
71
|
</span>
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
72
|
+
<span>
|
|
73
|
+
{copy.table.goToPage}
|
|
74
|
+
<input
|
|
75
|
+
className='paginator-input'
|
|
76
|
+
type='number'
|
|
77
|
+
placeholder={pageIndex}
|
|
78
|
+
onChange={(e) => {
|
|
79
|
+
const input = e.target.value;
|
|
80
|
+
const inputNum = Number(input);
|
|
81
|
+
let next: number;
|
|
82
|
+
|
|
83
|
+
clearTimeout(textInputTimeout);
|
|
84
|
+
|
|
85
|
+
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
90
|
+
next = inputNum;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 300);
|
|
94
|
+
}}
|
|
95
|
+
/>
|
|
169
96
|
</span>
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
};
|
|
97
|
+
|
|
98
|
+
<span>
|
|
99
|
+
{copy.table.itemsPerPage}
|
|
100
|
+
<input
|
|
101
|
+
className='paginator-input'
|
|
102
|
+
type='number'
|
|
103
|
+
placeholder={itemsPerPage}
|
|
104
|
+
min={1}
|
|
105
|
+
onChange={(e) => {
|
|
106
|
+
const input = e.target.value;
|
|
107
|
+
const inputNum = Number(input);
|
|
108
|
+
|
|
109
|
+
clearTimeout(textInputTimeout);
|
|
110
|
+
|
|
111
|
+
if (!input || inputNum < 1) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 300);
|
|
116
|
+
}}
|
|
117
|
+
/>
|
|
118
|
+
</span>
|
|
119
|
+
</span>
|
|
120
|
+
|
|
121
|
+
<span className='total-assets'>
|
|
122
|
+
{copy.table.total} <strong>{totalItems || 0}</strong>
|
|
123
|
+
</span>
|
|
124
|
+
</section>
|
|
125
|
+
);
|
|
173
126
|
|
|
174
127
|
export default Paginator;
|