@imposium-hub/components 2.5.10-0 → 2.5.10-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/card/Card.d.ts +1 -0
- package/dist/cjs/components/card/Card.js +17 -4
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts +5 -3
- 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 +51 -7
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/smpte-field/SMPTEField.d.ts +2 -1
- package/dist/cjs/components/smpte-field/SMPTEField.js +9 -3
- package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/cjs/constants/copy.d.ts +1 -0
- package/dist/cjs/constants/copy.js +6 -1
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/index.d.ts +4 -1
- package/dist/cjs/index.js +8 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-list.js +34 -42
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +1 -0
- package/dist/esm/components/card/Card.js +16 -4
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +5 -3
- package/dist/esm/components/confirm-modal/ConfirmModal.js +10 -9
- package/dist/esm/components/confirm-modal/ConfirmModal.js.map +1 -1
- package/dist/esm/components/data-table/Paginator.js +74 -44
- package/dist/esm/components/data-table/Paginator.js.map +1 -1
- package/dist/esm/components/smpte-field/SMPTEField.d.ts +2 -1
- package/dist/esm/components/smpte-field/SMPTEField.js +9 -3
- package/dist/esm/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/esm/constants/copy.d.ts +1 -0
- package/dist/esm/constants/copy.js +5 -0
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/index.d.ts +4 -1
- package/dist/esm/index.js +4 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-list.js +34 -42
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/styles.css +27 -0
- package/dist/styles.less +34 -0
- package/less/components/button.less +21 -0
- package/less/components/data-table.less +4 -0
- package/less/components/form-field.less +4 -0
- package/less/components/tag.less +5 -0
- package/package.json +1 -1
- package/src/components/assets/AssetsTableAssetIdCell.tsx +65 -0
- package/src/components/assets/AssetsTableAssetIdFilter.tsx +40 -0
- package/src/components/card/Card.tsx +27 -13
- package/src/components/confirm-modal/ConfirmModal.tsx +70 -0
- package/src/components/data-table/Paginator.tsx +140 -93
- package/src/components/smpte-field/SMPTEField.tsx +8 -3
- package/src/constants/copy.ts +6 -0
- package/src/index.ts +7 -1
- package/src/redux/actions/asset-list.ts +37 -44
- package/dist/cjs/components/assets/AssetsTableAssetIdFilter copy.d.ts +0 -2
- package/dist/cjs/components/assets/AssetsTableAssetIdFilter copy.js +0 -94
- package/dist/cjs/components/assets/AssetsTableAssetIdFilter copy.js.map +0 -1
- package/dist/cjs/components/assets/AssetsTableNameFilter copy.d.ts +0 -2
- package/dist/cjs/components/assets/AssetsTableNameFilter copy.js +0 -94
- package/dist/cjs/components/assets/AssetsTableNameFilter copy.js.map +0 -1
- package/dist/cjs/redux/actions/notifications.d.ts +0 -8
- package/dist/cjs/redux/actions/notifications.js +0 -56
- package/dist/cjs/redux/actions/notifications.js.map +0 -1
- package/dist/cjs/redux/reducers/notifications.d.ts +0 -8
- package/dist/cjs/redux/reducers/notifications.js +0 -45
- package/dist/cjs/redux/reducers/notifications.js.map +0 -1
- package/dist/esm/components/assets/AssetsTableAssetIdFilter copy.d.ts +0 -2
- package/dist/esm/components/assets/AssetsTableAssetIdFilter copy.js +0 -20
- package/dist/esm/components/assets/AssetsTableAssetIdFilter copy.js.map +0 -1
- package/dist/esm/components/assets/AssetsTableNameFilter copy.d.ts +0 -2
- package/dist/esm/components/assets/AssetsTableNameFilter copy.js +0 -20
- package/dist/esm/components/assets/AssetsTableNameFilter copy.js.map +0 -1
- package/dist/esm/redux/actions/notifications.d.ts +0 -8
- package/dist/esm/redux/actions/notifications.js +0 -47
- package/dist/esm/redux/actions/notifications.js.map +0 -1
- package/dist/esm/redux/reducers/notifications.d.ts +0 -8
- package/dist/esm/redux/reducers/notifications.js +0 -14
- package/dist/esm/redux/reducers/notifications.js.map +0 -1
|
@@ -60,23 +60,19 @@ 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
|
-
|
|
74
|
-
});
|
|
63
|
+
return new Promise((resolve, reject) => {
|
|
64
|
+
dispatch(toggleLoading(true));
|
|
65
|
+
api.deleteAssets(ids)
|
|
66
|
+
.then(() => {
|
|
67
|
+
dispatch(getAssets(api, storyId));
|
|
68
|
+
dispatch(toggleLoading(false));
|
|
69
|
+
resolve(true);
|
|
70
|
+
})
|
|
71
|
+
.catch((errors) => {
|
|
72
|
+
dispatch(toggleLoading(false));
|
|
73
|
+
reject(false);
|
|
75
74
|
});
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
return Promise.resolve(false);
|
|
79
|
-
}
|
|
75
|
+
});
|
|
80
76
|
};
|
|
81
77
|
};
|
|
82
78
|
export const downloadAssets = (api, ids) => {
|
|
@@ -156,20 +152,18 @@ export const deleteAssetTags = (api, id) => {
|
|
|
156
152
|
};
|
|
157
153
|
export const deleteAssetsTags = (api, ids, storyId) => {
|
|
158
154
|
return (dispatch) => {
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
reject();
|
|
170
|
-
});
|
|
155
|
+
return new Promise((resolve, reject) => {
|
|
156
|
+
dispatch(toggleLoading(true));
|
|
157
|
+
api.deleteAssetsTags(ids)
|
|
158
|
+
.then(() => {
|
|
159
|
+
dispatch(getAssets(api, storyId));
|
|
160
|
+
resolve();
|
|
161
|
+
})
|
|
162
|
+
.catch((errors) => {
|
|
163
|
+
dispatch(toggleLoading(false));
|
|
164
|
+
reject();
|
|
171
165
|
});
|
|
172
|
-
}
|
|
166
|
+
});
|
|
173
167
|
};
|
|
174
168
|
};
|
|
175
169
|
export const updateAssetData = (api, id, data) => {
|
|
@@ -202,20 +196,18 @@ export const updateAssetStory = (api, id, storyId) => {
|
|
|
202
196
|
};
|
|
203
197
|
export const decoupleAssets = (api, ids, storyId) => {
|
|
204
198
|
return (dispatch) => {
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
reject();
|
|
216
|
-
});
|
|
199
|
+
return new Promise((resolve, reject) => {
|
|
200
|
+
dispatch(toggleLoading(true));
|
|
201
|
+
api.decoupleAssets(ids)
|
|
202
|
+
.then(() => {
|
|
203
|
+
dispatch(getAssets(api, storyId));
|
|
204
|
+
resolve();
|
|
205
|
+
})
|
|
206
|
+
.catch((errors) => {
|
|
207
|
+
dispatch(toggleLoading(false));
|
|
208
|
+
reject();
|
|
217
209
|
});
|
|
218
|
-
}
|
|
210
|
+
});
|
|
219
211
|
};
|
|
220
212
|
};
|
|
221
213
|
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
|
@@ -806,6 +806,23 @@ body a {
|
|
|
806
806
|
line-height: 19px;
|
|
807
807
|
margin: 0px;
|
|
808
808
|
}
|
|
809
|
+
.confirm-modal {
|
|
810
|
+
position: relative;
|
|
811
|
+
align-items: center;
|
|
812
|
+
display: flex;
|
|
813
|
+
flex-direction: column;
|
|
814
|
+
top: calc(50% - 38px);
|
|
815
|
+
}
|
|
816
|
+
.confirm-modal p {
|
|
817
|
+
text-align: center;
|
|
818
|
+
padding-bottom: 5px;
|
|
819
|
+
}
|
|
820
|
+
.confirm-modal .confirm-buttons .imposium-btn {
|
|
821
|
+
width: 76px;
|
|
822
|
+
}
|
|
823
|
+
.confirm-modal .confirm-buttons .imposium-btn .btn-bold {
|
|
824
|
+
border: 1px solid #2D8CEA;
|
|
825
|
+
}
|
|
809
826
|
.card {
|
|
810
827
|
background: #2f2f2f;
|
|
811
828
|
border: 1px solid #353535;
|
|
@@ -1060,6 +1077,9 @@ body a {
|
|
|
1060
1077
|
border-top: 0;
|
|
1061
1078
|
background-color: #242424;
|
|
1062
1079
|
}
|
|
1080
|
+
.ip-table-wrapper .ip-table-pagination input[type=number] {
|
|
1081
|
+
-moz-appearance: textfield;
|
|
1082
|
+
}
|
|
1063
1083
|
.ip-table-wrapper .ip-table-pagination .paginator-input {
|
|
1064
1084
|
display: inline-block;
|
|
1065
1085
|
background: #1d1d1d;
|
|
@@ -1241,6 +1261,9 @@ body a {
|
|
|
1241
1261
|
.form-field textarea:disabled:hover {
|
|
1242
1262
|
background: #1d1d1d;
|
|
1243
1263
|
}
|
|
1264
|
+
.form-field input[type=number] {
|
|
1265
|
+
-moz-appearance: textfield;
|
|
1266
|
+
}
|
|
1244
1267
|
.form-field textarea {
|
|
1245
1268
|
height: 60px;
|
|
1246
1269
|
resize: none;
|
|
@@ -2831,6 +2854,10 @@ body a {
|
|
|
2831
2854
|
margin-top: 2px;
|
|
2832
2855
|
cursor: pointer;
|
|
2833
2856
|
}
|
|
2857
|
+
.imposium-asset-id {
|
|
2858
|
+
cursor: pointer;
|
|
2859
|
+
user-select: none;
|
|
2860
|
+
}
|
|
2834
2861
|
h1,
|
|
2835
2862
|
h2,
|
|
2836
2863
|
h3,
|
package/dist/styles.less
CHANGED
|
@@ -925,6 +925,27 @@ body{
|
|
|
925
925
|
margin:0px;
|
|
926
926
|
}
|
|
927
927
|
|
|
928
|
+
.confirm-modal {
|
|
929
|
+
position: relative;
|
|
930
|
+
align-items: center;
|
|
931
|
+
display: flex;
|
|
932
|
+
flex-direction: column;
|
|
933
|
+
top: calc(50% - 38px);
|
|
934
|
+
p{
|
|
935
|
+
text-align: center;
|
|
936
|
+
padding-bottom: 5px;
|
|
937
|
+
}
|
|
938
|
+
.confirm-buttons {
|
|
939
|
+
.imposium-btn {
|
|
940
|
+
width: 76px;
|
|
941
|
+
|
|
942
|
+
.btn-bold{
|
|
943
|
+
border: 1px solid #2D8CEA;
|
|
944
|
+
}
|
|
945
|
+
}
|
|
946
|
+
}
|
|
947
|
+
}
|
|
948
|
+
|
|
928
949
|
@cardHeaderHeight:25px;
|
|
929
950
|
@cardHeaderHeightSmall:21px;
|
|
930
951
|
@cardHeaderHeightLarge:35px;
|
|
@@ -1225,6 +1246,10 @@ body{
|
|
|
1225
1246
|
border-top: 0;
|
|
1226
1247
|
background-color: darken(@background, 1%);
|
|
1227
1248
|
|
|
1249
|
+
input[type=number] {
|
|
1250
|
+
-moz-appearance: textfield;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1228
1253
|
.paginator-input {
|
|
1229
1254
|
.inputMixin;
|
|
1230
1255
|
width: 60px;
|
|
@@ -1354,6 +1379,10 @@ body{
|
|
|
1354
1379
|
padding:4px;
|
|
1355
1380
|
}
|
|
1356
1381
|
|
|
1382
|
+
input[type=number] {
|
|
1383
|
+
-moz-appearance: textfield;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1357
1386
|
textarea{
|
|
1358
1387
|
height:@inputHeight * 3;
|
|
1359
1388
|
resize:none;
|
|
@@ -2915,6 +2944,11 @@ body{
|
|
|
2915
2944
|
}
|
|
2916
2945
|
}
|
|
2917
2946
|
}
|
|
2947
|
+
|
|
2948
|
+
.imposium-asset-id {
|
|
2949
|
+
cursor: pointer;
|
|
2950
|
+
user-select: none;
|
|
2951
|
+
}
|
|
2918
2952
|
h1, h2, h3, h4, h5 {
|
|
2919
2953
|
font-family: 'Oswald', sans-serif;
|
|
2920
2954
|
color:@headerTextDefault;
|
|
@@ -162,4 +162,25 @@
|
|
|
162
162
|
box-sizing: border-box;
|
|
163
163
|
line-height: 19px;
|
|
164
164
|
margin:0px;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.confirm-modal {
|
|
168
|
+
position: relative;
|
|
169
|
+
align-items: center;
|
|
170
|
+
display: flex;
|
|
171
|
+
flex-direction: column;
|
|
172
|
+
top: calc(50% - 38px);
|
|
173
|
+
p{
|
|
174
|
+
text-align: center;
|
|
175
|
+
padding-bottom: 5px;
|
|
176
|
+
}
|
|
177
|
+
.confirm-buttons {
|
|
178
|
+
.imposium-btn {
|
|
179
|
+
width: 76px;
|
|
180
|
+
|
|
181
|
+
.btn-bold{
|
|
182
|
+
border: 1px solid #2D8CEA;
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
}
|
|
165
186
|
}
|
package/less/components/tag.less
CHANGED
package/package.json
CHANGED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { copying } from '../../constants/copy';
|
|
3
|
+
import { updateFilters } from '../../redux/actions/asset-filters';
|
|
4
|
+
import { connect } from 'react-redux';
|
|
5
|
+
import { bindActionCreators } from 'redux';
|
|
6
|
+
|
|
7
|
+
interface IAssetsTableAssetIdCellProps {
|
|
8
|
+
cell: any;
|
|
9
|
+
onNotification?: (e) => void;
|
|
10
|
+
onError?: (e) => void;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
const AssetsTableAssetIdCell: React.FC<IAssetsTableAssetIdCellProps> = (
|
|
14
|
+
props: IAssetsTableAssetIdCellProps
|
|
15
|
+
) => {
|
|
16
|
+
const {
|
|
17
|
+
onNotification,
|
|
18
|
+
onError,
|
|
19
|
+
cell: {
|
|
20
|
+
row: {
|
|
21
|
+
original: { id }
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
} = props;
|
|
25
|
+
console.log('AssetsTableAssetIdCell');
|
|
26
|
+
console.log(id);
|
|
27
|
+
|
|
28
|
+
const copyToClipboard = (e) => {
|
|
29
|
+
navigator.clipboard.writeText(e.target.textContent).then(
|
|
30
|
+
() => {
|
|
31
|
+
if (onNotification) {
|
|
32
|
+
onNotification(`${copying.copied}`);
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
() => {
|
|
36
|
+
if (onError) {
|
|
37
|
+
onError(`${copying.error}`);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<div
|
|
45
|
+
key={id}
|
|
46
|
+
className='imposium-asset-id'
|
|
47
|
+
onClick={(e) => copyToClipboard(e)}>
|
|
48
|
+
{id}
|
|
49
|
+
</div>
|
|
50
|
+
);
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const mapDispatchToProps = (dispatch): any => {
|
|
54
|
+
return bindActionCreators({ updateFilters }, dispatch);
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const mapStateToProps = (state): any => {
|
|
58
|
+
return { assetFilters: state.assetFilters };
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
const AssetsTableAssetIdCellMemoized = connect(
|
|
62
|
+
mapStateToProps,
|
|
63
|
+
mapDispatchToProps
|
|
64
|
+
)(React.memo(AssetsTableAssetIdCell));
|
|
65
|
+
export default AssetsTableAssetIdCellMemoized;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import TextField from '../text-field/TextField';
|
|
3
|
+
import { updateFilters } from '../../redux/actions/asset-filters';
|
|
4
|
+
import { connect } from 'react-redux';
|
|
5
|
+
import { bindActionCreators } from 'redux';
|
|
6
|
+
|
|
7
|
+
interface IAssetsTableAssetIdFilterProps {
|
|
8
|
+
assetFilters: any;
|
|
9
|
+
updateFilters: (filters: any) => any;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
class AssetsTableAssetIdFilter extends React.PureComponent<IAssetsTableAssetIdFilterProps> {
|
|
13
|
+
public render = (): JSX.Element => {
|
|
14
|
+
const { assetFilters } = this.props;
|
|
15
|
+
|
|
16
|
+
return (
|
|
17
|
+
<TextField
|
|
18
|
+
className='asset-id'
|
|
19
|
+
submittable
|
|
20
|
+
submittableType='search'
|
|
21
|
+
value={assetFilters.id}
|
|
22
|
+
doSubmit={(n) => this.props.updateFilters({ id: n })}
|
|
23
|
+
/>
|
|
24
|
+
);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
const mapDispatchToProps = (dispatch): any => {
|
|
29
|
+
return bindActionCreators({ updateFilters }, dispatch);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
const mapStateToProps = (state): any => {
|
|
33
|
+
return { assetFilters: state.assetFilters };
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
const AssetsTableAssetIdFilterMemoized = connect(
|
|
37
|
+
mapStateToProps,
|
|
38
|
+
mapDispatchToProps
|
|
39
|
+
)(React.memo(AssetsTableAssetIdFilter));
|
|
40
|
+
export default AssetsTableAssetIdFilterMemoized;
|
|
@@ -11,6 +11,7 @@ interface ICardProps {
|
|
|
11
11
|
onOpen?: (e: any) => any;
|
|
12
12
|
onClose?: (e: any) => any;
|
|
13
13
|
onToggle?: (toggle: boolean) => any;
|
|
14
|
+
buttons?: any[];
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
interface ICardState {
|
|
@@ -97,9 +98,7 @@ class Card extends React.PureComponent<ICardProps, ICardState> {
|
|
|
97
98
|
|
|
98
99
|
return (
|
|
99
100
|
<div className={`card ${openClass} ${collapsableClass} ${styleClass}`}>
|
|
100
|
-
<div
|
|
101
|
-
className='card-header'
|
|
102
|
-
onClick={this.evtHandlers.toggleOpen}>
|
|
101
|
+
<div className='card-header'>
|
|
103
102
|
{this.renderTitle(styleClass)}
|
|
104
103
|
{this.renderButtons()}
|
|
105
104
|
</div>
|
|
@@ -109,21 +108,36 @@ class Card extends React.PureComponent<ICardProps, ICardState> {
|
|
|
109
108
|
}
|
|
110
109
|
|
|
111
110
|
public renderButtons() {
|
|
112
|
-
const { collapsable } = this.props;
|
|
111
|
+
const { collapsable, buttons } = this.props;
|
|
113
112
|
const { open } = this.state;
|
|
114
113
|
const buttonIcon = open ? ICON_CARET_UP : ICON_CARET_DOWN;
|
|
115
114
|
|
|
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
|
+
|
|
116
132
|
if (collapsable) {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
{buttonIcon}
|
|
123
|
-
</Button>
|
|
124
|
-
</div>
|
|
125
|
-
);
|
|
133
|
+
if (buttonArray && buttonArray.length > 0) {
|
|
134
|
+
buttonArray.push(toggleBtn);
|
|
135
|
+
} else {
|
|
136
|
+
buttonArray = [toggleBtn];
|
|
137
|
+
}
|
|
126
138
|
}
|
|
139
|
+
|
|
140
|
+
return <div className='header-buttons'>{buttonArray}</div>;
|
|
127
141
|
}
|
|
128
142
|
}
|
|
129
143
|
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ReactDOM from 'react-dom';
|
|
3
|
+
import { useHotkeys } from 'react-hotkeys-hook';
|
|
4
|
+
import Modal from '../modal/Modal';
|
|
5
|
+
import Button from '../button/Button';
|
|
6
|
+
import { confirm as copy } from '../../constants/copy';
|
|
7
|
+
import Section from '../section/Section';
|
|
8
|
+
|
|
9
|
+
export const ConfirmModal = ({
|
|
10
|
+
onClose,
|
|
11
|
+
onYes,
|
|
12
|
+
onNo,
|
|
13
|
+
title,
|
|
14
|
+
onYesLabel,
|
|
15
|
+
onNoLabel,
|
|
16
|
+
showCancel
|
|
17
|
+
}) => {
|
|
18
|
+
useHotkeys('enter', onYes, { enableOnFormTags: true });
|
|
19
|
+
const { cancel } = copy;
|
|
20
|
+
|
|
21
|
+
const modal = (
|
|
22
|
+
<Modal
|
|
23
|
+
onRequestClose={onClose}
|
|
24
|
+
wrapperStyle={{
|
|
25
|
+
left: '0px',
|
|
26
|
+
width: '100%'
|
|
27
|
+
}}
|
|
28
|
+
style={{
|
|
29
|
+
width: '400px',
|
|
30
|
+
height: '12%',
|
|
31
|
+
top: 'calc(50% - 150px)',
|
|
32
|
+
left: 'calc((100% - 400px) / 2)'
|
|
33
|
+
}}
|
|
34
|
+
isOpen={true}>
|
|
35
|
+
<Section>
|
|
36
|
+
<div className='confirm-modal'>
|
|
37
|
+
<p>{title}</p>
|
|
38
|
+
<div className='confirm-buttons'>
|
|
39
|
+
{showCancel ? (
|
|
40
|
+
<Button
|
|
41
|
+
onClick={onClose}
|
|
42
|
+
size='large'
|
|
43
|
+
color='default'>
|
|
44
|
+
{cancel}
|
|
45
|
+
</Button>
|
|
46
|
+
) : null}
|
|
47
|
+
<Button
|
|
48
|
+
onClick={onNo}
|
|
49
|
+
size='large'
|
|
50
|
+
color='default'>
|
|
51
|
+
{onNoLabel}
|
|
52
|
+
</Button>
|
|
53
|
+
<Button
|
|
54
|
+
onClick={onYes}
|
|
55
|
+
size='large'
|
|
56
|
+
style='bold'
|
|
57
|
+
color='primary'>
|
|
58
|
+
{onYesLabel}
|
|
59
|
+
</Button>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</Section>
|
|
63
|
+
</Modal>
|
|
64
|
+
);
|
|
65
|
+
|
|
66
|
+
const PortalContextComponent = () =>
|
|
67
|
+
ReactDOM.createPortal(modal, document.querySelector('#react-root'));
|
|
68
|
+
|
|
69
|
+
return <PortalContextComponent />;
|
|
70
|
+
};
|