@imposium-hub/components 2.5.11-16 → 2.5.11-3
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/assets/AssetsTableNameCell.js +2 -1
- package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableNameFilter copy.d.ts +2 -0
- package/dist/cjs/components/assets/AssetsTableNameFilter copy.js +94 -0
- package/dist/cjs/components/assets/AssetsTableNameFilter copy.js.map +1 -0
- package/dist/cjs/components/color-field/ColorField.js +14 -9
- package/dist/cjs/components/color-field/ColorField.js.map +1 -1
- package/dist/cjs/components/data-table/DataTable.d.ts +2 -3
- package/dist/cjs/components/data-table/DataTable.js +10 -78
- package/dist/cjs/components/data-table/DataTable.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +14 -35
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/header/Header.d.ts +0 -2
- package/dist/cjs/components/header/Header.js +8 -39
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/story-previewer/StoryPreviewer.js +0 -9
- package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/cjs/constants/variables.d.ts +0 -3
- package/dist/cjs/constants/variables.js +2 -27
- package/dist/cjs/constants/variables.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -4
- package/dist/cjs/index.js +2 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-filters copy.d.ts +4 -0
- package/dist/cjs/redux/actions/asset-filters copy.js +18 -0
- package/dist/cjs/redux/actions/asset-filters copy.js.map +1 -0
- package/dist/cjs/redux/actions/asset-list.js +42 -33
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/cjs/redux/actions/story-filters.d.ts +4 -0
- package/dist/cjs/redux/actions/story-filters.js +18 -0
- package/dist/cjs/redux/actions/story-filters.js.map +1 -0
- package/dist/cjs/redux/reducers/asset-filters copy.d.ts +2 -0
- package/dist/cjs/redux/reducers/asset-filters copy.js +39 -0
- package/dist/cjs/redux/reducers/asset-filters copy.js.map +1 -0
- package/dist/cjs/redux/reducers/story-filters.d.ts +2 -0
- package/dist/cjs/redux/reducers/story-filters.js +33 -0
- package/dist/cjs/redux/reducers/story-filters.js.map +1 -0
- package/dist/esm/components/assets/AssetsTableNameCell.js +2 -1
- package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableNameFilter copy.d.ts +2 -0
- package/dist/esm/components/assets/AssetsTableNameFilter copy.js +20 -0
- package/dist/esm/components/assets/AssetsTableNameFilter copy.js.map +1 -0
- package/dist/esm/components/color-field/ColorField.js +14 -9
- package/dist/esm/components/color-field/ColorField.js.map +1 -1
- package/dist/esm/components/data-table/DataTable.d.ts +2 -3
- package/dist/esm/components/data-table/DataTable.js +8 -76
- package/dist/esm/components/data-table/DataTable.js.map +1 -1
- package/dist/esm/components/data-table/Paginator.js +14 -35
- package/dist/esm/components/data-table/Paginator.js.map +1 -1
- package/dist/esm/components/header/Header.d.ts +0 -2
- package/dist/esm/components/header/Header.js +7 -30
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/story-previewer/StoryPreviewer.js +1 -10
- package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/esm/constants/variables.d.ts +0 -3
- package/dist/esm/constants/variables.js +1 -25
- package/dist/esm/constants/variables.js.map +1 -1
- package/dist/esm/index.d.ts +1 -4
- package/dist/esm/index.js +1 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-filters copy.d.ts +4 -0
- package/dist/esm/redux/actions/asset-filters copy.js +13 -0
- package/dist/esm/redux/actions/asset-filters copy.js.map +1 -0
- package/dist/esm/redux/actions/asset-list.js +42 -33
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/redux/actions/story-filters.d.ts +4 -0
- package/{src/redux/actions/story-filter.ts → dist/esm/redux/actions/story-filters.js} +4 -6
- package/dist/esm/redux/actions/story-filters.js.map +1 -0
- package/dist/esm/redux/reducers/asset-filters copy.d.ts +2 -0
- package/dist/esm/redux/reducers/asset-filters copy.js +22 -0
- package/dist/esm/redux/reducers/asset-filters copy.js.map +1 -0
- package/dist/esm/redux/reducers/story-filters.d.ts +2 -0
- package/{src/redux/reducers/story-filter.ts → dist/esm/redux/reducers/story-filters.js} +4 -6
- package/dist/esm/redux/reducers/story-filters.js.map +1 -0
- package/dist/styles.css +3 -0
- package/dist/styles.less +5 -0
- package/less/components/header.less +5 -0
- package/package.json +1 -1
- package/src/components/assets/AssetsTableNameCell.tsx +10 -1
- package/src/components/color-field/ColorField.tsx +17 -16
- package/src/components/data-table/DataTable.tsx +12 -96
- package/src/components/data-table/Paginator.tsx +15 -37
- package/src/components/header/Header.tsx +6 -42
- package/src/components/story-previewer/StoryPreviewer.tsx +1 -26
- package/src/constants/variables.ts +1 -27
- package/src/index.ts +0 -7
- package/src/redux/actions/asset-list.ts +44 -36
- package/src/components/assets/StoryTableNameFilter.tsx +0 -40
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const assetFiltersActions = {
|
|
2
|
+
UPDATE: 'assetFilters/UPDATE',
|
|
3
|
+
RESET: 'footageFilters/RESET'
|
|
4
|
+
};
|
|
5
|
+
export const updateFilters = (newFilters) => ({
|
|
6
|
+
type: assetFiltersActions.UPDATE,
|
|
7
|
+
newFilters
|
|
8
|
+
});
|
|
9
|
+
export const resetFilters = () => ({
|
|
10
|
+
type: assetFiltersActions.RESET
|
|
11
|
+
});
|
|
12
|
+
export default assetFiltersActions;
|
|
13
|
+
//# sourceMappingURL=asset-filters%20copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asset-filters copy.js","sourceRoot":"","sources":["../../../../src/redux/actions/asset-filters copy.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAQ;IAC7B,MAAM,EAAE,qBAAqB;IAC7B,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAe,EAAO,EAAE,CAAC,CAAC;IACpD,IAAI,EAAE,mBAAmB,CAAC,MAAM;IAChC,UAAU;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAQ,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,mBAAmB,CAAC,KAAK;CAClC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
|
|
@@ -60,18 +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
|
-
|
|
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
|
+
});
|
|
73
75
|
});
|
|
74
|
-
}
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
78
|
+
return Promise.resolve(false);
|
|
79
|
+
}
|
|
75
80
|
};
|
|
76
81
|
};
|
|
77
82
|
export const downloadAssets = (api, ids) => {
|
|
@@ -151,18 +156,20 @@ export const deleteAssetTags = (api, id) => {
|
|
|
151
156
|
};
|
|
152
157
|
export const deleteAssetsTags = (api, ids, storyId) => {
|
|
153
158
|
return (dispatch) => {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
.
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
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
|
+
});
|
|
164
171
|
});
|
|
165
|
-
}
|
|
172
|
+
}
|
|
166
173
|
};
|
|
167
174
|
};
|
|
168
175
|
export const updateAssetData = (api, id, data) => {
|
|
@@ -195,18 +202,20 @@ export const updateAssetStory = (api, id, storyId) => {
|
|
|
195
202
|
};
|
|
196
203
|
export const decoupleAssets = (api, ids, storyId) => {
|
|
197
204
|
return (dispatch) => {
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
.
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
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
|
+
});
|
|
208
217
|
});
|
|
209
|
-
}
|
|
218
|
+
}
|
|
210
219
|
};
|
|
211
220
|
};
|
|
212
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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"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
const storyFilterActions
|
|
1
|
+
const storyFilterActions = {
|
|
2
2
|
UPDATE: 'storyFilter/UPDATE',
|
|
3
3
|
RESET: 'storyFilter/RESET'
|
|
4
4
|
};
|
|
5
|
-
|
|
6
|
-
export const updateStoryFilter = (newFilters: any): any => ({
|
|
5
|
+
export const updateStoryFilter = (newFilters) => ({
|
|
7
6
|
type: storyFilterActions.UPDATE,
|
|
8
7
|
newFilters
|
|
9
8
|
});
|
|
10
|
-
|
|
11
|
-
export const resetStoryFilter = (): any => ({
|
|
9
|
+
export const resetStoryFilter = () => ({
|
|
12
10
|
type: storyFilterActions.RESET
|
|
13
11
|
});
|
|
14
|
-
|
|
15
12
|
export default storyFilterActions;
|
|
13
|
+
//# sourceMappingURL=story-filters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"story-filters.js","sourceRoot":"","sources":["../../../../src/redux/actions/story-filters.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAQ;IAC5B,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAe,EAAO,EAAE,CAAC,CAAC;IACxD,IAAI,EAAE,kBAAkB,CAAC,MAAM;IAC/B,UAAU;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAQ,EAAE,CAAC,CAAC;IACxC,IAAI,EAAE,kBAAkB,CAAC,KAAK;CACjC,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import assetFiltersActions from '../actions/asset-filters';
|
|
2
|
+
const initialState = {
|
|
3
|
+
page: 1,
|
|
4
|
+
order: 'name',
|
|
5
|
+
items_per_page: 50,
|
|
6
|
+
order_direction: 'asc',
|
|
7
|
+
name: '',
|
|
8
|
+
type: '',
|
|
9
|
+
tags: ''
|
|
10
|
+
};
|
|
11
|
+
const assetFilters = (state = initialState, action) => {
|
|
12
|
+
switch (action.type) {
|
|
13
|
+
case assetFiltersActions.UPDATE:
|
|
14
|
+
return { ...state, ...action.newFilters };
|
|
15
|
+
case assetFiltersActions.RESET:
|
|
16
|
+
return { ...initialState };
|
|
17
|
+
default:
|
|
18
|
+
return state;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
export default assetFilters;
|
|
22
|
+
//# sourceMappingURL=asset-filters%20copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asset-filters copy.js","sourceRoot":"","sources":["../../../../src/redux/reducers/asset-filters copy.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D,MAAM,YAAY,GAAQ;IACtB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,EAAE;IAClB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAO,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,mBAAmB,CAAC,MAAM;YAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAC9C,KAAK,mBAAmB,CAAC,KAAK;YAC1B,OAAO,EAAE,GAAG,YAAY,EAAE,CAAC;QAC/B;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import storyFilterActions from '../actions/story-filter';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
name: ''
|
|
2
|
+
const initialState = {
|
|
3
|
+
name: '',
|
|
5
4
|
};
|
|
6
|
-
|
|
7
|
-
const storyFilter = (state = initialState, action): any => {
|
|
5
|
+
const storyFilter = (state = initialState, action) => {
|
|
8
6
|
switch (action.type) {
|
|
9
7
|
case storyFilterActions.UPDATE:
|
|
10
8
|
return { ...state, ...action.newFilters };
|
|
@@ -14,5 +12,5 @@ const storyFilter = (state = initialState, action): any => {
|
|
|
14
12
|
return state;
|
|
15
13
|
}
|
|
16
14
|
};
|
|
17
|
-
|
|
18
15
|
export default storyFilter;
|
|
16
|
+
//# sourceMappingURL=story-filters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"story-filters.js","sourceRoot":"","sources":["../../../../src/redux/reducers/story-filters.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,MAAM,YAAY,GAAQ;IACtB,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAO,EAAE;IACtD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,kBAAkB,CAAC,MAAM;YAC1B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAC9C,KAAK,kBAAkB,CAAC,KAAK;YACzB,OAAO,EAAE,GAAG,YAAY,EAAE,CAAC;QAC/B;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/dist/styles.css
CHANGED
|
@@ -1900,6 +1900,9 @@ body a {
|
|
|
1900
1900
|
cursor: pointer;
|
|
1901
1901
|
height: 244px;
|
|
1902
1902
|
}
|
|
1903
|
+
.imposium-header .stories-menu .ip-table-body .ip-table-row:hover .ip-table-col {
|
|
1904
|
+
background-color: #393939;
|
|
1905
|
+
}
|
|
1903
1906
|
.imposium-header .orgs-menu {
|
|
1904
1907
|
width: 240px;
|
|
1905
1908
|
}
|
package/dist/styles.less
CHANGED
package/package.json
CHANGED
|
@@ -45,6 +45,15 @@ const AssetsTableNameCell: React.FC<IAssetsTableNameCell> = (props: IAssetsTable
|
|
|
45
45
|
};
|
|
46
46
|
}, [name]);
|
|
47
47
|
|
|
48
|
+
const errorField = error ? (
|
|
49
|
+
<TextField
|
|
50
|
+
value={error}
|
|
51
|
+
width={'100%'}
|
|
52
|
+
/>
|
|
53
|
+
) : (
|
|
54
|
+
<span>{copy.uploads.preparePhase}</span>
|
|
55
|
+
);
|
|
56
|
+
|
|
48
57
|
if (uploadProgress) {
|
|
49
58
|
const loader: JSX.Element =
|
|
50
59
|
uploadProgress < 100 ? (
|
|
@@ -53,7 +62,7 @@ const AssetsTableNameCell: React.FC<IAssetsTableNameCell> = (props: IAssetsTable
|
|
|
53
62
|
text={name}
|
|
54
63
|
/>
|
|
55
64
|
) : (
|
|
56
|
-
|
|
65
|
+
errorField
|
|
57
66
|
);
|
|
58
67
|
return loader;
|
|
59
68
|
} else {
|
|
@@ -127,14 +127,18 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
|
|
|
127
127
|
/>
|
|
128
128
|
) : null;
|
|
129
129
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
130
|
+
let swatchStyle;
|
|
131
|
+
if (value === 'transparent' || value === 'rgba(0,0,0,0)') {
|
|
132
|
+
swatchStyle = {
|
|
133
|
+
background: this.transparentBg,
|
|
134
|
+
border: '1px solid #1d1d1d',
|
|
135
|
+
boxSizing: 'border-box'
|
|
136
|
+
};
|
|
137
|
+
} else {
|
|
138
|
+
swatchStyle = {
|
|
139
|
+
backgroundColor: value
|
|
140
|
+
};
|
|
141
|
+
}
|
|
138
142
|
|
|
139
143
|
return (
|
|
140
144
|
<FieldWrapper
|
|
@@ -146,14 +150,11 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
|
|
|
146
150
|
labelPosition={labelPosition}
|
|
147
151
|
labelWidth={labelWidth}
|
|
148
152
|
width={width}>
|
|
149
|
-
<div
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
/>
|
|
155
|
-
</div>
|
|
156
|
-
|
|
153
|
+
<div
|
|
154
|
+
className='swatch'
|
|
155
|
+
style={swatchStyle}
|
|
156
|
+
onClick={(e) => this.togglePicker(e)}
|
|
157
|
+
/>
|
|
157
158
|
<div
|
|
158
159
|
className={`picker picker-${pickerPos}`}
|
|
159
160
|
ref={this.picker}>
|
|
@@ -82,16 +82,14 @@ interface IDataTableProps {
|
|
|
82
82
|
|
|
83
83
|
// controlled selection props
|
|
84
84
|
highlightBy?: any;
|
|
85
|
-
onRowClick?: (row
|
|
86
|
-
onRowDoubleClick?: (row
|
|
85
|
+
onRowClick?: (row) => void;
|
|
86
|
+
onRowDoubleClick?: (row) => void;
|
|
87
87
|
|
|
88
88
|
renderPivotComponent?: (row) => JSX.Element;
|
|
89
89
|
|
|
90
90
|
disableKeyScroll?: boolean;
|
|
91
91
|
|
|
92
92
|
expandTags?: boolean;
|
|
93
|
-
|
|
94
|
-
keyboardNav?: boolean;
|
|
95
93
|
}
|
|
96
94
|
|
|
97
95
|
const processColumnData = (freshColumns): any[] => {
|
|
@@ -121,7 +119,7 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
121
119
|
const [didMount, setDidMount] = React.useState(false);
|
|
122
120
|
const [data, setData] = React.useState([]);
|
|
123
121
|
const [columns, setColumns] = React.useState([]);
|
|
124
|
-
|
|
122
|
+
|
|
125
123
|
const manualPagination: boolean =
|
|
126
124
|
Number.isInteger(props.currentPage) && typeof props.onPage === 'function';
|
|
127
125
|
const manualSortBy: boolean =
|
|
@@ -207,8 +205,6 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
207
205
|
React.useEffect(() => {
|
|
208
206
|
if (Array.isArray(props.data)) {
|
|
209
207
|
setData(props.data);
|
|
210
|
-
setSelectedRowId(null);
|
|
211
|
-
scrollToTop();
|
|
212
208
|
}
|
|
213
209
|
}, [props.data]);
|
|
214
210
|
|
|
@@ -230,64 +226,6 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
230
226
|
}
|
|
231
227
|
}, [sortBy]);
|
|
232
228
|
|
|
233
|
-
const getRowElem = () => {
|
|
234
|
-
return document.getElementsByClassName('ip-table-row selected keyboardNav')[0];
|
|
235
|
-
};
|
|
236
|
-
|
|
237
|
-
const getBodyEle = () => {
|
|
238
|
-
return document.querySelector('tbody.ip-table-body.keyboardNav');
|
|
239
|
-
};
|
|
240
|
-
|
|
241
|
-
const scrollIntoView = () => {
|
|
242
|
-
getRowElem().scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
243
|
-
};
|
|
244
|
-
|
|
245
|
-
const scrollToTop = () => {
|
|
246
|
-
if (getBodyEle()) {
|
|
247
|
-
getBodyEle().scrollTo({ top: 0, behavior: 'smooth' });
|
|
248
|
-
}
|
|
249
|
-
};
|
|
250
|
-
|
|
251
|
-
const scrollToBottom = () => {
|
|
252
|
-
const y = getRowElem().scrollHeight * rowData.length;
|
|
253
|
-
getBodyEle().scrollTo({ top: y, behavior: 'smooth' });
|
|
254
|
-
};
|
|
255
|
-
|
|
256
|
-
const rowSelector = (e) => {
|
|
257
|
-
e.preventDefault();
|
|
258
|
-
e.stopPropagation();
|
|
259
|
-
let rowId = 0;
|
|
260
|
-
const maxRowId = rowData.length - 1;
|
|
261
|
-
if (e.key === 'ArrowUp') {
|
|
262
|
-
if (selectedRowId === 0 || selectedRowId === null) {
|
|
263
|
-
setSelectedRowId(maxRowId);
|
|
264
|
-
scrollToBottom();
|
|
265
|
-
}
|
|
266
|
-
if (selectedRowId !== 0 && selectedRowId !== null) {
|
|
267
|
-
setSelectedRowId(selectedRowId - 1);
|
|
268
|
-
scrollIntoView();
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
if (e.key === 'ArrowDown') {
|
|
273
|
-
if (selectedRowId === null) {
|
|
274
|
-
setSelectedRowId(0);
|
|
275
|
-
} else {
|
|
276
|
-
rowId = selectedRowId === maxRowId ? 0 : selectedRowId + 1;
|
|
277
|
-
setSelectedRowId(rowId);
|
|
278
|
-
if (rowId === 0) {
|
|
279
|
-
scrollToTop();
|
|
280
|
-
} else {
|
|
281
|
-
scrollIntoView();
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
if (e.key === 'Enter' && typeof props.onRowClick === 'function' && selectedRowId !== null) {
|
|
287
|
-
props.onRowClick(rows[selectedRowId], e.shiftKey);
|
|
288
|
-
}
|
|
289
|
-
};
|
|
290
|
-
|
|
291
229
|
return (
|
|
292
230
|
<section
|
|
293
231
|
ref={wrapperRef}
|
|
@@ -308,17 +246,7 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
308
246
|
<React.Fragment key='head-fragment'>
|
|
309
247
|
<tr
|
|
310
248
|
{...headerGroup.getHeaderGroupProps()}
|
|
311
|
-
className='ip-table-head-row'
|
|
312
|
-
onKeyDown={(e) => {
|
|
313
|
-
if (
|
|
314
|
-
(e.key === 'ArrowUp' ||
|
|
315
|
-
e.key === 'ArrowDown' ||
|
|
316
|
-
e.key === 'Enter') &&
|
|
317
|
-
props.keyboardNav
|
|
318
|
-
) {
|
|
319
|
-
rowSelector(e);
|
|
320
|
-
}
|
|
321
|
-
}}>
|
|
249
|
+
className='ip-table-head-row'>
|
|
322
250
|
{headerGroup.headers.map((column) => {
|
|
323
251
|
const searchable: boolean = column.hasOwnProperty('Search');
|
|
324
252
|
const toggleProps: any = column.getSortByToggleProps();
|
|
@@ -398,7 +326,7 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
398
326
|
|
|
399
327
|
<tbody
|
|
400
328
|
{...getTableBodyProps()}
|
|
401
|
-
className=
|
|
329
|
+
className='ip-table-body'>
|
|
402
330
|
{rowData.map((row, i) => {
|
|
403
331
|
let selectedClass: string = '';
|
|
404
332
|
let activeRef: any;
|
|
@@ -423,43 +351,30 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
423
351
|
|
|
424
352
|
prepareRow(row);
|
|
425
353
|
|
|
426
|
-
if (i === selectedRowId) {
|
|
427
|
-
selectedClass = 'selected';
|
|
428
|
-
}
|
|
429
|
-
|
|
430
354
|
const rowProps = row.getRowProps();
|
|
431
|
-
rowProps.className = `ip-table-row ${selectedClass}
|
|
432
|
-
props.keyboardNav ? 'keyboardNav' : ''
|
|
433
|
-
}`;
|
|
355
|
+
rowProps.className = `ip-table-row ${selectedClass}`;
|
|
434
356
|
rowProps.onClick = (e) => {
|
|
435
|
-
const onClick = (
|
|
357
|
+
const onClick = () => {
|
|
436
358
|
if (typeof props.onRowClick === 'function') {
|
|
437
|
-
props.onRowClick(row
|
|
359
|
+
props.onRowClick(row);
|
|
438
360
|
}
|
|
439
361
|
};
|
|
440
362
|
|
|
441
363
|
if (!doubleClickEnabled) {
|
|
442
|
-
onClick(
|
|
364
|
+
onClick();
|
|
443
365
|
}
|
|
444
366
|
|
|
445
367
|
if (e.detail === 1 && doubleClickEnabled) {
|
|
446
|
-
doubleClickTimeout = window.setTimeout(
|
|
447
|
-
() => onClick(e.shiftKey),
|
|
448
|
-
200
|
|
449
|
-
);
|
|
368
|
+
doubleClickTimeout = window.setTimeout(onClick, 200);
|
|
450
369
|
}
|
|
451
370
|
};
|
|
452
371
|
rowProps.onDoubleClick = (e) => {
|
|
453
372
|
clearTimeout(doubleClickTimeout);
|
|
454
373
|
if (doubleClickEnabled) {
|
|
455
|
-
props.onRowDoubleClick(row
|
|
374
|
+
props.onRowDoubleClick(row);
|
|
456
375
|
}
|
|
457
376
|
};
|
|
458
377
|
|
|
459
|
-
rowProps.onMouseMove = () => {
|
|
460
|
-
setSelectedRowId(i);
|
|
461
|
-
};
|
|
462
|
-
|
|
463
378
|
const rowContent = row.cells.map((cell) => (
|
|
464
379
|
<td
|
|
465
380
|
{...cell.getCellProps()}
|
|
@@ -471,6 +386,7 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
|
|
|
471
386
|
));
|
|
472
387
|
const rowId = row?.original?.id || i;
|
|
473
388
|
const rowKey = `row-${rowId}`;
|
|
389
|
+
|
|
474
390
|
const expanded = props.expandTags ? props.expandTags : row.isExpanded;
|
|
475
391
|
return (
|
|
476
392
|
<React.Fragment key={rowKey}>
|