@imposium-hub/components 2.5.11-1 → 2.5.11-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.
Files changed (98) hide show
  1. package/dist/cjs/components/app-wrapper/AppWrapper.js +5 -2
  2. package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
  3. package/dist/cjs/components/assets/AssetsTableNameCell.js +1 -2
  4. package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
  5. package/dist/cjs/components/assets/StoryTableNameFilter.d.ts +2 -0
  6. package/dist/cjs/components/assets/StoryTableNameFilter.js +94 -0
  7. package/dist/cjs/components/assets/StoryTableNameFilter.js.map +1 -0
  8. package/dist/cjs/components/color-field/ColorField.js +9 -14
  9. package/dist/cjs/components/color-field/ColorField.js.map +1 -1
  10. package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts +8 -0
  11. package/dist/cjs/components/confirm-modal/ConfirmModal.js +21 -8
  12. package/dist/cjs/components/confirm-modal/ConfirmModal.js.map +1 -1
  13. package/dist/cjs/components/data-table/DataTable.d.ts +1 -0
  14. package/dist/cjs/components/data-table/DataTable.js +75 -5
  15. package/dist/cjs/components/data-table/DataTable.js.map +1 -1
  16. package/dist/cjs/components/data-table/Paginator.js +35 -14
  17. package/dist/cjs/components/data-table/Paginator.js.map +1 -1
  18. package/dist/cjs/components/header/Header.d.ts +1 -0
  19. package/dist/cjs/components/header/Header.js +22 -2
  20. package/dist/cjs/components/header/Header.js.map +1 -1
  21. package/dist/cjs/components/story-previewer/StoryPreviewer.js +11 -1
  22. package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
  23. package/dist/cjs/constants/variables.d.ts +3 -0
  24. package/dist/cjs/constants/variables.js +27 -2
  25. package/dist/cjs/constants/variables.js.map +1 -1
  26. package/dist/cjs/index.d.ts +5 -1
  27. package/dist/cjs/index.js +12 -2
  28. package/dist/cjs/index.js.map +1 -1
  29. package/dist/cjs/redux/actions/asset-list.js +33 -42
  30. package/dist/cjs/redux/actions/asset-list.js.map +1 -1
  31. package/dist/cjs/redux/actions/asset-uploads.js +10 -0
  32. package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
  33. package/dist/cjs/redux/actions/story-filter.d.ts +4 -0
  34. package/dist/cjs/redux/actions/story-filter.js +18 -0
  35. package/dist/cjs/redux/actions/story-filter.js.map +1 -0
  36. package/dist/cjs/redux/reducers/asset-uploads.js.map +1 -1
  37. package/dist/cjs/redux/reducers/story-filter.d.ts +2 -0
  38. package/dist/cjs/redux/reducers/story-filter.js +33 -0
  39. package/dist/cjs/redux/reducers/story-filter.js.map +1 -0
  40. package/dist/esm/components/app-wrapper/AppWrapper.js +5 -2
  41. package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
  42. package/dist/esm/components/assets/AssetsTableNameCell.js +1 -2
  43. package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
  44. package/dist/esm/components/assets/StoryTableNameFilter.d.ts +2 -0
  45. package/dist/esm/components/assets/StoryTableNameFilter.js +20 -0
  46. package/dist/esm/components/assets/StoryTableNameFilter.js.map +1 -0
  47. package/dist/esm/components/color-field/ColorField.js +9 -14
  48. package/dist/esm/components/color-field/ColorField.js.map +1 -1
  49. package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +8 -0
  50. package/dist/esm/components/confirm-modal/ConfirmModal.js +21 -8
  51. package/dist/esm/components/confirm-modal/ConfirmModal.js.map +1 -1
  52. package/dist/esm/components/data-table/DataTable.d.ts +1 -0
  53. package/dist/esm/components/data-table/DataTable.js +73 -3
  54. package/dist/esm/components/data-table/DataTable.js.map +1 -1
  55. package/dist/esm/components/data-table/Paginator.js +35 -14
  56. package/dist/esm/components/data-table/Paginator.js.map +1 -1
  57. package/dist/esm/components/header/Header.d.ts +1 -0
  58. package/dist/esm/components/header/Header.js +19 -3
  59. package/dist/esm/components/header/Header.js.map +1 -1
  60. package/dist/esm/components/story-previewer/StoryPreviewer.js +12 -2
  61. package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
  62. package/dist/esm/constants/variables.d.ts +3 -0
  63. package/dist/esm/constants/variables.js +25 -1
  64. package/dist/esm/constants/variables.js.map +1 -1
  65. package/dist/esm/index.d.ts +5 -1
  66. package/dist/esm/index.js +5 -1
  67. package/dist/esm/index.js.map +1 -1
  68. package/dist/esm/redux/actions/asset-list.js +33 -42
  69. package/dist/esm/redux/actions/asset-list.js.map +1 -1
  70. package/dist/esm/redux/actions/asset-uploads.js +10 -0
  71. package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
  72. package/dist/esm/redux/actions/story-filter.d.ts +4 -0
  73. package/dist/esm/redux/actions/story-filter.js +13 -0
  74. package/dist/esm/redux/actions/story-filter.js.map +1 -0
  75. package/dist/esm/redux/reducers/asset-uploads.js.map +1 -1
  76. package/dist/esm/redux/reducers/story-filter.d.ts +2 -0
  77. package/dist/esm/redux/reducers/story-filter.js +16 -0
  78. package/dist/esm/redux/reducers/story-filter.js.map +1 -0
  79. package/dist/styles.css +0 -3
  80. package/dist/styles.less +0 -5
  81. package/less/components/header.less +0 -5
  82. package/package.json +1 -1
  83. package/src/components/app-wrapper/AppWrapper.tsx +3 -4
  84. package/src/components/assets/AssetsTableNameCell.tsx +1 -10
  85. package/src/components/assets/StoryTableNameFilter.tsx +40 -0
  86. package/src/components/color-field/ColorField.tsx +16 -17
  87. package/src/components/confirm-modal/ConfirmModal.tsx +131 -0
  88. package/src/components/data-table/DataTable.tsx +90 -5
  89. package/src/components/data-table/Paginator.tsx +37 -15
  90. package/src/components/header/Header.tsx +25 -2
  91. package/src/components/story-previewer/StoryPreviewer.tsx +28 -4
  92. package/src/constants/variables.ts +27 -1
  93. package/src/index.ts +11 -1
  94. package/src/redux/actions/asset-list.ts +36 -44
  95. package/src/redux/actions/asset-uploads.ts +9 -0
  96. package/src/redux/actions/story-filter.ts +15 -0
  97. package/src/redux/reducers/asset-uploads.ts +0 -2
  98. package/src/redux/reducers/story-filter.ts +18 -0
@@ -78,22 +78,18 @@ export const getAssets = (api: IImposiumAPI, storyId: string): any => {
78
78
 
79
79
  export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string): any => {
80
80
  return (dispatch) => {
81
- if (window.confirm(`Are you sure you want to delete ${ids.length} assets?`)) {
82
- return new Promise<boolean>((resolve, reject) => {
83
- dispatch(toggleLoading(true));
84
- api.deleteAssets(ids)
85
- .then(() => {
86
- dispatch(getAssets(api, storyId));
87
- resolve(true);
88
- })
89
- .catch((errors: Error[]) => {
90
- dispatch(toggleLoading(false));
91
- reject(false);
92
- });
93
- });
94
- } else {
95
- return Promise.resolve(false);
96
- }
81
+ return new Promise<boolean>((resolve, reject) => {
82
+ dispatch(toggleLoading(true));
83
+ api.deleteAssets(ids)
84
+ .then(() => {
85
+ dispatch(getAssets(api, storyId));
86
+ resolve(true);
87
+ })
88
+ .catch((errors: Error[]) => {
89
+ dispatch(toggleLoading(false));
90
+ reject(false);
91
+ });
92
+ });
97
93
  };
98
94
  };
99
95
 
@@ -194,20 +190,18 @@ export const deleteAssetTags = (api: IImposiumAPI, id: string): any => {
194
190
 
195
191
  export const deleteAssetsTags = (api: IImposiumAPI, ids: string[], storyId: string): any => {
196
192
  return (dispatch) => {
197
- if (window.confirm(`Are you sure you want to remove all tags from ${ids.length} assets?`)) {
198
- return new Promise<void>((resolve, reject) => {
199
- dispatch(toggleLoading(true));
200
- api.deleteAssetsTags(ids)
201
- .then(() => {
202
- dispatch(getAssets(api, storyId));
203
- resolve();
204
- })
205
- .catch((errors: Error[]) => {
206
- dispatch(toggleLoading(false));
207
- reject();
208
- });
209
- });
210
- }
193
+ return new Promise<void>((resolve, reject) => {
194
+ dispatch(toggleLoading(true));
195
+ api.deleteAssetsTags(ids)
196
+ .then(() => {
197
+ dispatch(getAssets(api, storyId));
198
+ resolve();
199
+ })
200
+ .catch((errors: Error[]) => {
201
+ dispatch(toggleLoading(false));
202
+ reject();
203
+ });
204
+ });
211
205
  };
212
206
  };
213
207
 
@@ -245,20 +239,18 @@ export const updateAssetStory = (api: IImposiumAPI, id: string, storyId: string)
245
239
 
246
240
  export const decoupleAssets = (api: IImposiumAPI, ids: string[], storyId: string): any => {
247
241
  return (dispatch) => {
248
- if (window.confirm(`Are you sure you want to decouple ${ids.length} assets?`)) {
249
- return new Promise<void>((resolve, reject) => {
250
- dispatch(toggleLoading(true));
251
- api.decoupleAssets(ids)
252
- .then(() => {
253
- dispatch(getAssets(api, storyId));
254
- resolve();
255
- })
256
- .catch((errors: Error[]) => {
257
- dispatch(toggleLoading(false));
258
- reject();
259
- });
260
- });
261
- }
242
+ return new Promise<void>((resolve, reject) => {
243
+ dispatch(toggleLoading(true));
244
+ api.decoupleAssets(ids)
245
+ .then(() => {
246
+ dispatch(getAssets(api, storyId));
247
+ resolve();
248
+ })
249
+ .catch((errors: Error[]) => {
250
+ dispatch(toggleLoading(false));
251
+ reject();
252
+ });
253
+ });
262
254
  };
263
255
  };
264
256
 
@@ -364,6 +364,15 @@ export const replaceAsset = (
364
364
  if (axios.isCancel(e) && currentQueue !== queueLength - 1) {
365
365
  currentQueue = currentQueue + 1;
366
366
  createPromise(currentQueue);
367
+ } else {
368
+ const error: any = { ...e };
369
+ const errorMsg = error.response.data.error.split(':')[0];
370
+ dispatch({
371
+ type: assetUploadsActions.ERROR,
372
+ filename: replacedFileBlobs[activeIndex].filename,
373
+ errorMsg
374
+ });
375
+ doAssetTableHydration(api, storyId);
367
376
  }
368
377
  });
369
378
  };
@@ -0,0 +1,15 @@
1
+ const storyFilterActions: any = {
2
+ UPDATE: 'storyFilter/UPDATE',
3
+ RESET: 'storyFilter/RESET'
4
+ };
5
+
6
+ export const updateStoryFilter = (newFilters: any): any => ({
7
+ type: storyFilterActions.UPDATE,
8
+ newFilters
9
+ });
10
+
11
+ export const resetStoryFilter = (): any => ({
12
+ type: storyFilterActions.RESET
13
+ });
14
+
15
+ export default storyFilterActions;
@@ -52,10 +52,8 @@ const assetUploads = (state = initialState, action): any => {
52
52
  if (u.filename === action.filename) {
53
53
  return { ...u, error: action.errorMsg };
54
54
  }
55
-
56
55
  return u;
57
56
  });
58
-
59
57
  return {
60
58
  ...state,
61
59
  uploads: newError
@@ -0,0 +1,18 @@
1
+ import storyFilterActions from '../actions/story-filter';
2
+
3
+ const initialState: any = {
4
+ name: ''
5
+ };
6
+
7
+ const storyFilter = (state = initialState, action): any => {
8
+ switch (action.type) {
9
+ case storyFilterActions.UPDATE:
10
+ return { ...state, ...action.newFilters };
11
+ case storyFilterActions.RESET:
12
+ return { ...initialState };
13
+ default:
14
+ return state;
15
+ }
16
+ };
17
+
18
+ export default storyFilter;