@imposium-hub/components 2.5.10-9 → 2.5.10
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/app-wrapper/AppWrapper.js +5 -2
- package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +27 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +243 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +1 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +28 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +255 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +1 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +27 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +243 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +1 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +28 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +251 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +1 -0
- package/dist/cjs/components/assets/AssetsTableNameCell.js +2 -2
- package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTypeIcon.js +2 -0
- package/dist/cjs/components/assets/AssetsTypeIcon.js.map +1 -1
- 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 +9 -9
- package/dist/cjs/components/confirm-modal/ConfirmModal.js +108 -12
- 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/error-message-preview/ErrorMessagePreview.d.ts +15 -0
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +91 -0
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +1 -0
- package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +33 -0
- package/dist/cjs/components/header/Header_BACKUP_73021.js +393 -0
- package/dist/cjs/components/header/Header_BACKUP_73021.js.map +1 -0
- package/dist/cjs/components/header/Header_BASE_73021.d.ts +29 -0
- package/dist/cjs/components/header/Header_BASE_73021.js +376 -0
- package/dist/cjs/components/header/Header_BASE_73021.js.map +1 -0
- package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +33 -0
- package/dist/cjs/components/header/Header_LOCAL_73021.js +382 -0
- package/dist/cjs/components/header/Header_LOCAL_73021.js.map +1 -0
- package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +30 -0
- package/dist/cjs/components/header/Header_REMOTE_73021.js +386 -0
- package/dist/cjs/components/header/Header_REMOTE_73021.js.map +1 -0
- 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/components/story-previewer/StoryPreviewer.js +11 -1
- package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/cjs/constants/copy.js +2 -2
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/constants/icons.d.ts +1 -0
- package/dist/cjs/constants/icons.js +3 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/constants/variables.d.ts +3 -0
- package/dist/cjs/constants/variables.js +27 -2
- package/dist/cjs/constants/variables.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-list.js +0 -1
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/cjs/redux/actions/asset-uploads.js +33 -1
- package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-uploads.js +8 -0
- package/dist/cjs/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/cjs/services/API.d.ts +3 -0
- package/dist/cjs/services/API.js +9 -0
- package/dist/cjs/services/API.js.map +1 -1
- package/dist/esm/components/app-wrapper/AppWrapper.js +5 -2
- package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +27 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +194 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +1 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +28 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +208 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +1 -0
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +27 -0
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +194 -0
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +1 -0
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +28 -0
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +204 -0
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +1 -0
- package/dist/esm/components/assets/AssetsTableNameCell.js +2 -2
- package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTypeIcon.js +3 -1
- package/dist/esm/components/assets/AssetsTypeIcon.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 +9 -9
- package/dist/esm/components/confirm-modal/ConfirmModal.js +60 -11
- 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/error-message-preview/ErrorMessagePreview.d.ts +15 -0
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +35 -0
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +1 -0
- package/dist/esm/components/header/Header_BACKUP_73021.d.ts +33 -0
- package/dist/esm/components/header/Header_BACKUP_73021.js +336 -0
- package/dist/esm/components/header/Header_BACKUP_73021.js.map +1 -0
- package/dist/esm/components/header/Header_BASE_73021.d.ts +29 -0
- package/dist/esm/components/header/Header_BASE_73021.js +322 -0
- package/dist/esm/components/header/Header_BASE_73021.js.map +1 -0
- package/dist/esm/components/header/Header_LOCAL_73021.d.ts +33 -0
- package/dist/esm/components/header/Header_LOCAL_73021.js +328 -0
- package/dist/esm/components/header/Header_LOCAL_73021.js.map +1 -0
- package/dist/esm/components/header/Header_REMOTE_73021.d.ts +30 -0
- package/dist/esm/components/header/Header_REMOTE_73021.js +329 -0
- package/dist/esm/components/header/Header_REMOTE_73021.js.map +1 -0
- 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/components/story-previewer/StoryPreviewer.js +12 -2
- package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/esm/constants/copy.js +2 -2
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/constants/icons.d.ts +1 -0
- package/dist/esm/constants/icons.js +2 -0
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/constants/variables.d.ts +3 -0
- package/dist/esm/constants/variables.js +25 -1
- package/dist/esm/constants/variables.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-list.js +0 -1
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/redux/actions/asset-uploads.js +22 -1
- package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
- package/dist/esm/redux/reducers/asset-uploads.js +11 -0
- package/dist/esm/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/esm/services/API.d.ts +3 -0
- package/dist/esm/services/API.js +9 -0
- package/dist/esm/services/API.js.map +1 -1
- package/dist/styles.css +0 -6
- package/dist/styles.less +0 -8
- package/less/components/data-table.less +0 -4
- package/less/components/form-field.less +0 -4
- package/package.json +1 -1
- package/src/components/app-wrapper/AppWrapper.tsx +3 -4
- package/src/components/assets/AssetsTableNameCell.tsx +2 -2
- package/src/components/assets/AssetsTypeIcon.tsx +4 -1
- package/src/components/card/Card.tsx +13 -27
- package/src/components/confirm-modal/ConfirmModal.tsx +80 -19
- package/src/components/data-table/Paginator.tsx +93 -140
- package/src/components/smpte-field/SMPTEField.tsx +3 -8
- package/src/components/story-previewer/StoryPreviewer.tsx +28 -4
- package/src/constants/copy.ts +2 -2
- package/src/constants/icons.tsx +3 -0
- package/src/constants/variables.ts +27 -1
- package/src/index.ts +3 -2
- package/src/redux/actions/asset-list.ts +0 -1
- package/src/redux/actions/asset-uploads.ts +20 -1
- package/src/redux/reducers/asset-uploads.ts +11 -0
- package/src/services/API.ts +15 -0
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import NoAccess from '../no-access/NoAccess';
|
|
3
|
+
import Header from '../header/Header';
|
|
4
|
+
import SessionService from '../../services/Session';
|
|
5
|
+
import AuthService from '../../services/Auth0';
|
|
6
|
+
import { connect } from 'react-redux';
|
|
7
|
+
import { bindActionCreators } from 'redux';
|
|
8
|
+
import { login, clearCachedAuth } from '../../redux/actions/auth';
|
|
9
|
+
import { cacheAccessData, clearCachedAccessList } from '../../redux/actions/access';
|
|
10
|
+
import { validateAccessLevel } from '../../Util';
|
|
11
|
+
class AppWrapper extends React.Component {
|
|
12
|
+
static RESTRICTED_REQUEST = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'request' }));
|
|
13
|
+
static RESTRICTED_BLOCK = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'restrict' }));
|
|
14
|
+
static NO_ORGS = (React.createElement(NoAccess, { key: 'restriction-msg', type: 'no-orgs' }));
|
|
15
|
+
constructor(p) {
|
|
16
|
+
super(p);
|
|
17
|
+
this.state = {
|
|
18
|
+
blockRender: true,
|
|
19
|
+
restrictAccess: false
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
componentDidMount = () => {
|
|
23
|
+
const { auth, access, auth0ClientId, auth0Domain, isFreshUser } = this.props;
|
|
24
|
+
const session = SessionService.getSession();
|
|
25
|
+
AuthService.bindToClient(auth0ClientId, auth0Domain);
|
|
26
|
+
const validAccessLevel = validateAccessLevel(this.props.organizationId, this.props.serviceId, this.props.access);
|
|
27
|
+
if (!this.state.restrictAccess && !validAccessLevel) {
|
|
28
|
+
this.setState({ restrictAccess: true });
|
|
29
|
+
}
|
|
30
|
+
if (this.state.restrictAccess && validAccessLevel) {
|
|
31
|
+
this.setState({ restrictAccess: false });
|
|
32
|
+
}
|
|
33
|
+
// If cookie, auth or access data is missing / mismatched,
|
|
34
|
+
// silently check auth0 session and refresh flow on success
|
|
35
|
+
if (!isFreshUser &&
|
|
36
|
+
auth !== null &&
|
|
37
|
+
access !== null &&
|
|
38
|
+
typeof session === 'object' &&
|
|
39
|
+
typeof session.sub === 'string' &&
|
|
40
|
+
session.sub === auth.idTokenPayload.sub &&
|
|
41
|
+
session.stories_hash === SessionService.generateStoriesHash(access) &&
|
|
42
|
+
session.orgs_hash === SessionService.generateOrgsHash(access)) {
|
|
43
|
+
this.propagateCreds();
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.doCheckSession(true);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
/*
|
|
50
|
+
Check the auth0 session expiry
|
|
51
|
+
*/
|
|
52
|
+
componentDidUpdate = (prevProps, prevState) => {
|
|
53
|
+
const { auth } = this.props;
|
|
54
|
+
let validAccessLevel;
|
|
55
|
+
if (auth) {
|
|
56
|
+
const { idTokenPayload: { exp } } = auth;
|
|
57
|
+
const validSession = AuthService.checkExpiry(exp);
|
|
58
|
+
if (!validSession) {
|
|
59
|
+
this.props.clearCachedAuth();
|
|
60
|
+
this.props.clearCachedAccessList();
|
|
61
|
+
this.doCheckSession();
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
if (this.props.organizationId !== prevProps.organizationId) {
|
|
65
|
+
validAccessLevel = validateAccessLevel(this.props.organizationId, this.props.serviceId, this.props.access);
|
|
66
|
+
if (!this.state.restrictAccess && !validAccessLevel) {
|
|
67
|
+
this.setState({ restrictAccess: true });
|
|
68
|
+
}
|
|
69
|
+
if (this.state.restrictAccess && validAccessLevel) {
|
|
70
|
+
this.setState({ restrictAccess: false });
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
/*
|
|
75
|
+
Emit creds to React parent
|
|
76
|
+
*/
|
|
77
|
+
propagateCreds = () => {
|
|
78
|
+
const { auth, access, storyId, onAuthenticated } = this.props;
|
|
79
|
+
const activeOrgId = this.determineActiveOrganization(auth, access);
|
|
80
|
+
let activeStoryId = SessionService.getSession().story_id;
|
|
81
|
+
if (storyId) {
|
|
82
|
+
activeStoryId = storyId;
|
|
83
|
+
}
|
|
84
|
+
onAuthenticated(activeOrgId, activeStoryId);
|
|
85
|
+
if (this.state.blockRender) {
|
|
86
|
+
this.setState({ blockRender: false });
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
/*
|
|
90
|
+
Bust cached creds if exist, invoke auth failure handler
|
|
91
|
+
*/
|
|
92
|
+
handleCheckSessionFailure = (e) => {
|
|
93
|
+
this.props.clearCachedAuth();
|
|
94
|
+
this.props.clearCachedAccessList();
|
|
95
|
+
this.props.onAuthenticationFailure(e);
|
|
96
|
+
};
|
|
97
|
+
/*
|
|
98
|
+
Check auth0 session, pull Imposium access creds on success and initialize app-wrapper
|
|
99
|
+
*/
|
|
100
|
+
doCheckSession = (blockRender = false) => {
|
|
101
|
+
const { baseUrl } = this.props;
|
|
102
|
+
if (blockRender) {
|
|
103
|
+
this.setState({ blockRender: true });
|
|
104
|
+
}
|
|
105
|
+
AuthService.checkSession()
|
|
106
|
+
.then((freshIdentity) => {
|
|
107
|
+
SessionService.getAccessData(freshIdentity.idToken, baseUrl)
|
|
108
|
+
.then((freshAccess) => {
|
|
109
|
+
this.props.login(freshIdentity);
|
|
110
|
+
this.props.cacheAccessData(freshAccess);
|
|
111
|
+
SessionService.buildFreshSession(freshIdentity, freshAccess);
|
|
112
|
+
this.propagateCreds();
|
|
113
|
+
})
|
|
114
|
+
.catch((e) => {
|
|
115
|
+
console.error(e);
|
|
116
|
+
this.handleCheckSessionFailure(e);
|
|
117
|
+
});
|
|
118
|
+
})
|
|
119
|
+
.catch((e) => {
|
|
120
|
+
console.error(e);
|
|
121
|
+
this.handleCheckSessionFailure(e);
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
determineActiveOrganizationIn(auth, session, organizationIds) {
|
|
125
|
+
const { organizationId } = this.props;
|
|
126
|
+
const { idTokenPayload: { exp } } = auth;
|
|
127
|
+
if (organizationIds.length > 0) {
|
|
128
|
+
if (organizationId && organizationIds.indexOf(organizationId) > -1) {
|
|
129
|
+
return this.setActiveOrganization(organizationId, exp, session);
|
|
130
|
+
}
|
|
131
|
+
if (session &&
|
|
132
|
+
session.organization_id &&
|
|
133
|
+
organizationIds.indexOf(session.organization_id) > -1) {
|
|
134
|
+
return session.organization_id;
|
|
135
|
+
}
|
|
136
|
+
return this.setActiveOrganization(organizationIds[0], exp, session);
|
|
137
|
+
}
|
|
138
|
+
return '';
|
|
139
|
+
}
|
|
140
|
+
/*
|
|
141
|
+
Figure out what the active org should be based on app-wrapper configuration
|
|
142
|
+
*/
|
|
143
|
+
determineActiveOrganization = (auth, access) => {
|
|
144
|
+
const { serviceId } = this.props;
|
|
145
|
+
const { organizations } = access;
|
|
146
|
+
const session = SessionService.getSession();
|
|
147
|
+
const allOrgIdsFlattened = organizations.map((o) => o.id);
|
|
148
|
+
const activeOrgId = this.determineActiveOrganizationIn(auth, session, allOrgIdsFlattened);
|
|
149
|
+
const activeOrg = organizations.find((o) => o.id === activeOrgId);
|
|
150
|
+
if (activeOrg && !activeOrg.services.includes(serviceId)) {
|
|
151
|
+
this.setState({ restrictAccess: true });
|
|
152
|
+
}
|
|
153
|
+
return activeOrgId;
|
|
154
|
+
};
|
|
155
|
+
/*
|
|
156
|
+
Update session if no session exists or diff in org id
|
|
157
|
+
*/
|
|
158
|
+
setActiveOrganization = (organizationId, exp, sharedSession) => {
|
|
159
|
+
if (!sharedSession ||
|
|
160
|
+
!sharedSession.organization_id ||
|
|
161
|
+
sharedSession.organization_id !== organizationId) {
|
|
162
|
+
const activeOrg = this.props.access.organizations.find((o) => o.id === organizationId);
|
|
163
|
+
const firstStoryId = typeof activeOrg.stories[0] === 'object' ? activeOrg.stories[0].id : '';
|
|
164
|
+
SessionService.updateSession({ organization_id: organizationId, story_id: firstStoryId }, exp);
|
|
165
|
+
}
|
|
166
|
+
return organizationId;
|
|
167
|
+
};
|
|
168
|
+
render = () => {
|
|
169
|
+
const { blockRender, restrictAccess } = this.state;
|
|
170
|
+
const { children, showRequestAccess, allowUnauthenticatedRender } = this.props;
|
|
171
|
+
let innerContent;
|
|
172
|
+
if (!blockRender && restrictAccess) {
|
|
173
|
+
const showNoOrgs = this.props.access &&
|
|
174
|
+
this.props.access.organizations &&
|
|
175
|
+
this.props.access.organizations.length === 0;
|
|
176
|
+
const errorIndicator = showNoOrgs
|
|
177
|
+
? AppWrapper.NO_ORGS
|
|
178
|
+
: showRequestAccess
|
|
179
|
+
? AppWrapper.RESTRICTED_REQUEST
|
|
180
|
+
: AppWrapper.RESTRICTED_BLOCK;
|
|
181
|
+
innerContent = [
|
|
182
|
+
typeof children[0] === 'object' && children[0].type === Header && children[0],
|
|
183
|
+
errorIndicator
|
|
184
|
+
];
|
|
185
|
+
}
|
|
186
|
+
if ((!blockRender && !restrictAccess) || allowUnauthenticatedRender) {
|
|
187
|
+
innerContent = children;
|
|
188
|
+
}
|
|
189
|
+
return (React.createElement("div", { id: 'app', className: 'app' }, innerContent));
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
const mapDispatchToProps = (dispatch) => {
|
|
193
|
+
return bindActionCreators({
|
|
194
|
+
login,
|
|
195
|
+
clearCachedAuth,
|
|
196
|
+
cacheAccessData,
|
|
197
|
+
clearCachedAccessList
|
|
198
|
+
}, dispatch);
|
|
199
|
+
};
|
|
200
|
+
const mapStateToProps = (state) => {
|
|
201
|
+
return { auth: state.auth, access: state.access };
|
|
202
|
+
};
|
|
203
|
+
export default connect(mapStateToProps, mapDispatchToProps)(AppWrapper);
|
|
204
|
+
//# sourceMappingURL=AppWrapper_REMOTE_73190.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppWrapper_REMOTE_73190.js","sourceRoot":"","sources":["../../../../src/components/app-wrapper/AppWrapper_REMOTE_73190.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { DeterminateLoader } from '../determinate-loader/DeterminateLoader';
|
|
|
8
8
|
import { assets as copy } from '../../constants/copy';
|
|
9
9
|
let updateTimeout;
|
|
10
10
|
const AssetsTableNameCell = (props) => {
|
|
11
|
-
const { cell: { row: { original: { name, id, percent: uploadProgress } } }, disabled } = props;
|
|
11
|
+
const { cell: { row: { original: { name, id, percent: uploadProgress, error } } }, disabled } = props;
|
|
12
12
|
const [localName, setLocalName] = useState(name);
|
|
13
13
|
const onUpdate = (n) => {
|
|
14
14
|
setLocalName(n);
|
|
@@ -25,7 +25,7 @@ const AssetsTableNameCell = (props) => {
|
|
|
25
25
|
};
|
|
26
26
|
}, [name]);
|
|
27
27
|
if (uploadProgress) {
|
|
28
|
-
const loader = uploadProgress < 100 ? (React.createElement(DeterminateLoader, { progress: uploadProgress, text: name })) : (React.createElement("span", null, copy.uploads.preparePhase));
|
|
28
|
+
const loader = uploadProgress < 100 ? (React.createElement(DeterminateLoader, { progress: uploadProgress, text: name })) : (React.createElement("span", null, error ? error : copy.uploads.preparePhase));
|
|
29
29
|
return loader;
|
|
30
30
|
}
|
|
31
31
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTableNameCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAStD,IAAI,aAAkB,CAAC;AACvB,MAAM,mBAAmB,GAAmC,CAAC,KAA2B,EAAE,EAAE;IACxF,MAAM,EACF,IAAI,EAAE,EACF,GAAG,EAAE,EACD,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"AssetsTableNameCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAStD,IAAI,aAAkB,CAAC;AACvB,MAAM,mBAAmB,GAAmC,CAAC,KAA2B,EAAE,EAAE;IACxF,MAAM,EACF,IAAI,EAAE,EACF,GAAG,EAAE,EACD,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,EACzD,EACJ,EACD,QAAQ,EACX,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;QACnB,YAAY,CAAC,CAAC,CAAC,CAAC;QAChB,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QAClB,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,aAAa,CAAC,CAAC;QAChC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,cAAc,EAAE,CAAC;QACjB,MAAM,MAAM,GACR,cAAc,GAAG,GAAG,CAAC,CAAC,CAAC,CACnB,oBAAC,iBAAiB,IACd,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,GACZ,CACL,CAAC,CAAC,CAAC,CACA,kCAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAQ,CAC3D,CAAC;QACN,OAAO,MAAM,CAAC;IAClB,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,oBAAC,SAAS,IACN,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAC9B,CACL,CAAC;IACN,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAO,EAAE;IACzC,OAAO,kBAAkB,CAAC,EAAE,eAAe,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAO,EAAE;IACnC,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ASSET_COLORS, ASSET_TYPES } from '../../constants/assets';
|
|
3
3
|
import { assets as copy } from '../../constants/copy';
|
|
4
|
-
import { ICON_FILTER, ICON_VIDEO, ICON_AUDIO_TYPE, ICON_FONT, ICON_LAYER_GROUP, ICON_CUBE, ICON_IMAGE, ICON_CODE, ICON_FILE_ARCHIVE, ICON_IMAGE_SEQ_TYPE, ICON_FILE_CODE, ICON_CLAPPERBOARD_PLAY, ICON_FILTERS, ICON_FILE_UPLOAD } from '../../constants/icons';
|
|
4
|
+
import { ICON_FILTER, ICON_VIDEO, ICON_AUDIO_TYPE, ICON_FONT, ICON_LAYER_GROUP, ICON_CUBE, ICON_IMAGE, ICON_CODE, ICON_FILE_ARCHIVE, ICON_IMAGE_SEQ_TYPE, ICON_FILE_CODE, ICON_CLAPPERBOARD_PLAY, ICON_FILTERS, ICON_FILE_UPLOAD, ICON_FILE_ERROR } from '../../constants/icons';
|
|
5
5
|
const AssetsTypeIcon = (p) => {
|
|
6
6
|
const style = {
|
|
7
7
|
color: ASSET_COLORS[p.type]
|
|
@@ -36,6 +36,8 @@ const AssetsTypeIcon = (p) => {
|
|
|
36
36
|
return (React.createElement("span", { title: copy.iconTypes.after_effects, style: style }, ICON_CLAPPERBOARD_PLAY));
|
|
37
37
|
case 'upload':
|
|
38
38
|
return React.createElement("span", null, ICON_FILE_UPLOAD);
|
|
39
|
+
case 'error':
|
|
40
|
+
return React.createElement("span", null, ICON_FILE_ERROR);
|
|
39
41
|
default:
|
|
40
42
|
if (filter === 'multi') {
|
|
41
43
|
return React.createElement("span", null, ICON_FILTERS);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTypeIcon.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTypeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACH,WAAW,EACX,UAAU,EACV,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,YAAY,EACZ,gBAAgB,
|
|
1
|
+
{"version":3,"file":"AssetsTypeIcon.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTypeIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,31 +65,19 @@ class Card extends React.PureComponent {
|
|
|
65
65
|
const openClass = !open && collapsable ? 'closed' : '';
|
|
66
66
|
const styleClass = style ? style : 'default';
|
|
67
67
|
return (React.createElement("div", { className: `card ${openClass} ${collapsableClass} ${styleClass}` },
|
|
68
|
-
React.createElement("div", { className: 'card-header' },
|
|
68
|
+
React.createElement("div", { className: 'card-header', onClick: this.evtHandlers.toggleOpen },
|
|
69
69
|
this.renderTitle(styleClass),
|
|
70
70
|
this.renderButtons()),
|
|
71
71
|
this.renderContent()));
|
|
72
72
|
}
|
|
73
73
|
renderButtons() {
|
|
74
|
-
const { collapsable
|
|
74
|
+
const { collapsable } = this.props;
|
|
75
75
|
const { open } = this.state;
|
|
76
76
|
const buttonIcon = open ? ICON_CARET_UP : ICON_CARET_DOWN;
|
|
77
|
-
let buttonArray;
|
|
78
|
-
const toggleBtn = (React.createElement(Button, { key: 'toggleOpen', style: 'subtle', onClick: (e) => this.toggleOpen(e) }, buttonIcon));
|
|
79
|
-
if (buttons && buttons.length > 0) {
|
|
80
|
-
buttonArray = buttons.map((button) => {
|
|
81
|
-
return button;
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
77
|
if (collapsable) {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
buttonArray = [toggleBtn];
|
|
90
|
-
}
|
|
78
|
+
return (React.createElement("div", { className: 'header-buttons' },
|
|
79
|
+
React.createElement(Button, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon)));
|
|
91
80
|
}
|
|
92
|
-
return React.createElement("div", { className: 'header-buttons' }, buttonArray);
|
|
93
81
|
}
|
|
94
82
|
}
|
|
95
83
|
export default Card;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
export interface IConfirmModalProps {
|
|
3
|
+
onYes: () => void;
|
|
4
|
+
onNo?: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
yesLabel?: string;
|
|
7
|
+
noLabel?: string;
|
|
8
|
+
showCancel?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const ConfirmModal: () => React.JSX.Element;
|
|
@@ -1,29 +1,78 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
|
-
import { useHotkeys } from 'react-hotkeys-hook';
|
|
4
3
|
import Modal from '../modal/Modal';
|
|
5
4
|
import Button from '../button/Button';
|
|
6
5
|
import { confirm as copy } from '../../constants/copy';
|
|
7
6
|
import Section from '../section/Section';
|
|
8
|
-
export const ConfirmModal = (
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
7
|
+
export const ConfirmModal = () => {
|
|
8
|
+
const [props, setProps] = useState(null);
|
|
9
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
10
|
+
const onOpen = (event) => {
|
|
11
|
+
setProps({
|
|
12
|
+
...event.detail
|
|
13
|
+
});
|
|
14
|
+
setIsOpen(true);
|
|
15
|
+
};
|
|
16
|
+
const onClose = () => setIsOpen(false);
|
|
17
|
+
const onYesHandler = () => {
|
|
18
|
+
props.onYes();
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
};
|
|
21
|
+
const onNoHandler = () => {
|
|
22
|
+
props.onNo();
|
|
23
|
+
setIsOpen(false);
|
|
24
|
+
};
|
|
25
|
+
const onYes = useCallback(() => onYesHandler(), [isOpen]);
|
|
26
|
+
const onNo = useCallback(() => {
|
|
27
|
+
if (props.onNo) {
|
|
28
|
+
onNoHandler();
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
onClose();
|
|
32
|
+
}
|
|
33
|
+
}, [isOpen]);
|
|
34
|
+
const onKeyDown = useCallback((e) => {
|
|
35
|
+
if (e.key === 'Enter') {
|
|
36
|
+
e.preventDefault();
|
|
37
|
+
onYesHandler();
|
|
38
|
+
}
|
|
39
|
+
}, [isOpen]);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
window.addEventListener('openconfirmmodal', onOpen);
|
|
42
|
+
return () => {
|
|
43
|
+
window.removeEventListener('openconfirmmodal', onOpen);
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
if (isOpen) {
|
|
48
|
+
document.addEventListener('keypress', onKeyDown);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
document.removeEventListener('keypress', onKeyDown);
|
|
52
|
+
}
|
|
53
|
+
return () => {
|
|
54
|
+
document.removeEventListener('keypress', onKeyDown);
|
|
55
|
+
};
|
|
56
|
+
}, [isOpen, onKeyDown]);
|
|
57
|
+
const { cancel, yes, no } = copy;
|
|
58
|
+
const noLabel = props?.noLabel ? props.noLabel : no;
|
|
59
|
+
const yesLabel = props?.yesLabel ? props.yesLabel : yes;
|
|
60
|
+
const modal = isOpen && (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
|
|
12
61
|
left: '0px',
|
|
13
62
|
width: '100%'
|
|
14
63
|
}, style: {
|
|
15
64
|
width: '400px',
|
|
16
|
-
height: '
|
|
65
|
+
height: '14%',
|
|
17
66
|
top: 'calc(50% - 150px)',
|
|
18
67
|
left: 'calc((100% - 400px) / 2)'
|
|
19
68
|
}, isOpen: true },
|
|
20
69
|
React.createElement(Section, null,
|
|
21
70
|
React.createElement("div", { className: 'confirm-modal' },
|
|
22
|
-
React.createElement("p", null, title),
|
|
71
|
+
React.createElement("p", null, props.title),
|
|
23
72
|
React.createElement("div", { className: 'confirm-buttons' },
|
|
24
|
-
showCancel ? (React.createElement(Button, { onClick: onClose, size: 'large', color: 'default' }, cancel)) : null,
|
|
25
|
-
React.createElement(Button, { onClick: onNo, size: 'large', color: 'default' },
|
|
26
|
-
React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' },
|
|
73
|
+
props.showCancel ? (React.createElement(Button, { onClick: onClose, size: 'large', color: 'default' }, cancel)) : null,
|
|
74
|
+
React.createElement(Button, { onClick: onNo, size: 'large', color: 'default' }, noLabel),
|
|
75
|
+
React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yesLabel))))));
|
|
27
76
|
const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
|
|
28
77
|
return React.createElement(PortalContextComponent, null);
|
|
29
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,83 +3,53 @@ import Button from '../button/Button';
|
|
|
3
3
|
import { ICON_ANGLE_DOUBLE_LEFT, ICON_ANGLE_LEFT, ICON_ANGLE_DOUBLE_RIGHT, ICON_ANGLE_RIGHT } from '../../constants/icons';
|
|
4
4
|
import { assets as copy } from '../../constants/copy';
|
|
5
5
|
let textInputTimeout;
|
|
6
|
-
const Paginator = ({ manualPagination, pageCount, pageIndex, pageSize, pageOptions, totalItems, canPreviousPage, canNextPage, gotoPage, previousPage, nextPage, setPageSize, itemsPerPage, onItemsPerPage }) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}, [pageIndex]);
|
|
14
|
-
const onItemsPerPageBlur = () => {
|
|
15
|
-
clearTimeout(textInputTimeout);
|
|
16
|
-
onItemsPerPage(getItemsPerPage);
|
|
17
|
-
};
|
|
18
|
-
const onGoToPageBlur = () => {
|
|
19
|
-
clearTimeout(textInputTimeout);
|
|
20
|
-
gotoPage(getPageIndex, pageSize);
|
|
21
|
-
};
|
|
22
|
-
const onItemsPerPageKeyDown = (e) => {
|
|
23
|
-
if (e.key === 'Enter') {
|
|
24
|
-
clearTimeout(textInputTimeout);
|
|
25
|
-
onItemsPerPage(getItemsPerPage);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const onGoToPageKeyDown = (e) => {
|
|
29
|
-
if (e.key === 'Enter') {
|
|
30
|
-
clearTimeout(textInputTimeout);
|
|
31
|
-
gotoPage(getPageIndex, pageSize);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
return (React.createElement("section", { className: 'ip-table-pagination' },
|
|
6
|
+
const Paginator = ({ manualPagination, pageCount, pageIndex, pageSize, pageOptions, totalItems, canPreviousPage, canNextPage, gotoPage, previousPage, nextPage, setPageSize, itemsPerPage, onItemsPerPage }) => (React.createElement("section", { className: 'ip-table-pagination' },
|
|
7
|
+
React.createElement("span", null,
|
|
8
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to first page', disabled: !canPreviousPage, onClick: () => gotoPage(1, pageSize) }, ICON_ANGLE_DOUBLE_LEFT),
|
|
9
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to previous page', disabled: !canPreviousPage, onClick: () => previousPage() }, ICON_ANGLE_LEFT),
|
|
10
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: !canNextPage, onClick: () => nextPage() }, ICON_ANGLE_RIGHT),
|
|
11
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to last page', disabled: !canNextPage, onClick: () => gotoPage(pageCount, pageSize) }, ICON_ANGLE_DOUBLE_RIGHT),
|
|
12
|
+
"\u00A0\u00A0",
|
|
35
13
|
React.createElement("span", null,
|
|
36
|
-
|
|
37
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to previous page', disabled: !canPreviousPage, onClick: () => previousPage() }, ICON_ANGLE_LEFT),
|
|
38
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: !canNextPage, onClick: () => nextPage() }, ICON_ANGLE_RIGHT),
|
|
39
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to last page', disabled: !canNextPage, onClick: () => gotoPage(pageCount, pageSize) }, ICON_ANGLE_DOUBLE_RIGHT),
|
|
14
|
+
copy.table.page,
|
|
40
15
|
"\u00A0\u00A0",
|
|
41
|
-
React.createElement("
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"\u00A0\u00A0"),
|
|
49
|
-
React.createElement("span", null,
|
|
50
|
-
copy.table.goToPage,
|
|
51
|
-
"\u00A0\u00A0",
|
|
52
|
-
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: getPageIndex.toString(), onChange: (e) => {
|
|
53
|
-
const input = e.target.value;
|
|
54
|
-
const inputNum = Number(input);
|
|
55
|
-
let next;
|
|
56
|
-
clearTimeout(textInputTimeout);
|
|
57
|
-
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
61
|
-
next = inputNum;
|
|
62
|
-
}
|
|
63
|
-
textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 1000);
|
|
64
|
-
}, onBlur: () => onGoToPageBlur(), onKeyDown: (e) => onGoToPageKeyDown(e) })),
|
|
16
|
+
React.createElement("strong", null,
|
|
17
|
+
pageIndex,
|
|
18
|
+
" of ",
|
|
19
|
+
pageCount),
|
|
20
|
+
"\u00A0\u00A0"),
|
|
21
|
+
React.createElement("span", null,
|
|
22
|
+
copy.table.goToPage,
|
|
65
23
|
"\u00A0\u00A0",
|
|
66
|
-
React.createElement("
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
24
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: pageIndex, onChange: (e) => {
|
|
25
|
+
const input = e.target.value;
|
|
26
|
+
const inputNum = Number(input);
|
|
27
|
+
let next;
|
|
28
|
+
clearTimeout(textInputTimeout);
|
|
29
|
+
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
33
|
+
next = inputNum;
|
|
34
|
+
}
|
|
35
|
+
textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 300);
|
|
36
|
+
} })),
|
|
37
|
+
"\u00A0\u00A0",
|
|
38
|
+
React.createElement("span", null,
|
|
39
|
+
copy.table.itemsPerPage,
|
|
81
40
|
"\u00A0\u00A0",
|
|
82
|
-
React.createElement("
|
|
83
|
-
|
|
41
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: itemsPerPage, min: 1, onChange: (e) => {
|
|
42
|
+
const input = e.target.value;
|
|
43
|
+
const inputNum = Number(input);
|
|
44
|
+
clearTimeout(textInputTimeout);
|
|
45
|
+
if (!input || inputNum < 1) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 300);
|
|
49
|
+
} }))),
|
|
50
|
+
React.createElement("span", { className: 'total-assets' },
|
|
51
|
+
copy.table.total,
|
|
52
|
+
"\u00A0\u00A0",
|
|
53
|
+
React.createElement("strong", null, totalItems || 0))));
|
|
84
54
|
export default Paginator;
|
|
85
55
|
//# sourceMappingURL=Paginator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EACH,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,IAAI,gBAAwB,CAAC;AAE7B,MAAM,SAAS,GAAkB,CAAC,EAC9B,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,cAAc,EACjB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"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"}
|