@imposium-hub/components 2.3.5 → 2.3.7

package/dist/esm/redux/reducers/asset-uploads.js

@@ -1,61 +1,18 @@
 import assetUploadsActions from '../actions/asset-uploads';
 const initialState = {
-    tagByDelimiter: true,
-    delimiter: '_',
-    tagManually: false,
-    manualTags: [],
-    tagByFileName: false,
-    assignToStory: true,
     uploads: []
 };
 const assetUploads = (state = initialState, action) => {
     switch (action.type) {
-        case assetUploadsActions.TOGGLE_TAG_BY_FILENAME:
-            return {
-                ...state,
-                tagByFileName: action.toggle
-            };
-        case assetUploadsActions.TOGGLE_TAG_BY_DELIMITER:
-            return {
-                ...state,
-                tagByDelimiter: action.toggle
-            };
-        case assetUploadsActions.SET_DELIMITER:
-            return {
-                ...state,
-                delimiter: action.delimiter
-            };
-        case assetUploadsActions.TOGGLE_MANUAL_TAGGING:
-            return {
-                ...state,
-                tagManually: action.toggle
-            };
-        case assetUploadsActions.ADD_MANUAL_TAG:
-            const newManualTags = [...state.manualTags];
-            newManualTags.push(action.tag);
-            return {
-                ...state,
-                manualTags: newManualTags
-            };
-        case assetUploadsActions.DELETE_MANUAL_TAG:
-            return {
-                ...state,
-                manualTags: state.manualTags.filter((t) => t !== action.tag)
-            };
-        case assetUploadsActions.DELETE_MANUAL_TAGS:
-            return {
-                ...state,
-                manualTags: []
-            };
-        case assetUploadsActions.TOGGLE_ASSIGN_TO_STORY:
+        case assetUploadsActions.ADD_UPLOAD:
             return {
                 ...state,
-                assignToStory: action.toggle
+                uploads: [...state.uploads, action.uploadMeta]
             };
-        case assetUploadsActions.ADD_UPLOAD:
+        case assetUploadsActions.UPDATE_UPLOAD:
             return {
                 ...state,
-                uploads: [...state.uploads, action.uploadMeta]
+                uploads: action.uploadMetaArray
             };
         case assetUploadsActions.UPDATE_PERCENT_UPLOADED:
             const newUploads = state.uploads.map((u) => {
@@ -68,6 +25,17 @@ const assetUploads = (state = initialState, action) => {
                 ...state,
                 uploads: newUploads
             };
+        case assetUploadsActions.ADD_UPLOAD_ASSET_ID:
+            const updateUploads = state.uploads.map((u) => {
+                if (u.filename === action.filename) {
+                    return { ...u, assetId: action.assetId };
+                }
+                return u;
+            });
+            return {
+                ...state,
+                uploads: updateUploads
+            };
         case assetUploadsActions.REMOVE_UPLOAD:
             return {
                 ...state,

package/dist/esm/redux/reducers/asset-uploads.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset-uploads.js","sourceRoot":"","sources":["../../../../src/redux/reducers/asset-uploads.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D,MAAM,YAAY,GAAQ;IACtB,cAAc,EAAE,IAAI;IACpB,SAAS,EAAE,GAAG;IACd,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,KAAK;IACpB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAO,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,mBAAmB,CAAC,sBAAsB;YAC3C,OAAO;gBACH,GAAG,KAAK;gBACR,aAAa,EAAE,MAAM,CAAC,MAAM;aAC/B,CAAC;QACN,KAAK,mBAAmB,CAAC,uBAAuB;YAC5C,OAAO;gBACH,GAAG,KAAK;gBACR,cAAc,EAAE,MAAM,CAAC,MAAM;aAChC,CAAC;QACN,KAAK,mBAAmB,CAAC,aAAa;YAClC,OAAO;gBACH,GAAG,KAAK;gBACR,SAAS,EAAE,MAAM,CAAC,SAAS;aAC9B,CAAC;QACN,KAAK,mBAAmB,CAAC,qBAAqB;YAC1C,OAAO;gBACH,GAAG,KAAK;gBACR,WAAW,EAAE,MAAM,CAAC,MAAM;aAC7B,CAAC;QACN,KAAK,mBAAmB,CAAC,cAAc;YACnC,MAAM,aAAa,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;YAC5C,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC/B,OAAO;gBACH,GAAG,KAAK;gBACR,UAAU,EAAE,aAAa;aAC5B,CAAC;QACN,KAAK,mBAAmB,CAAC,iBAAiB;YACtC,OAAO;gBACH,GAAG,KAAK;gBACR,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC;aACvE,CAAC;QACN,KAAK,mBAAmB,CAAC,kBAAkB;YACvC,OAAO;gBACH,GAAG,KAAK;gBACR,UAAU,EAAE,EAAE;aACjB,CAAC;QACN,KAAK,mBAAmB,CAAC,sBAAsB;YAC3C,OAAO;gBACH,GAAG,KAAK;gBACR,aAAa,EAAE,MAAM,CAAC,MAAM;aAC/B,CAAC;QACN,KAAK,mBAAmB,CAAC,UAAU;YAC/B,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC;aACjD,CAAC;QACN,KAAK,mBAAmB,CAAC,uBAAuB;YAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE;gBAC5C,IAAI,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,EAAE,CAAC;oBACjC,OAAO,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC7C,CAAC;gBAED,OAAO,CAAC,CAAC;YACb,CAAC,CAAC,CAAC;YAEH,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,UAAU;aACtB,CAAC;QACN,KAAK,mBAAmB,CAAC,aAAa;YAClC,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC;aAC5E,CAAC;QACN;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"asset-uploads.js","sourceRoot":"","sources":["../../../../src/redux/reducers/asset-uploads.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D,MAAM,YAAY,GAAQ;IACtB,OAAO,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAO,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,mBAAmB,CAAC,UAAU;YAC/B,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC;aACjD,CAAC;QACN,KAAK,mBAAmB,CAAC,aAAa;YAClC,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM,CAAC,eAAe;aAClC,CAAC;QACN,KAAK,mBAAmB,CAAC,uBAAuB;YAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE;gBAC5C,IAAI,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,EAAE,CAAC;oBACjC,OAAO,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC7C,CAAC;gBAED,OAAO,CAAC,CAAC;YACb,CAAC,CAAC,CAAC;YAEH,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,UAAU;aACtB,CAAC;QACN,KAAK,mBAAmB,CAAC,mBAAmB;YACxC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE;gBAC/C,IAAI,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,EAAE,CAAC;oBACjC,OAAO,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC7C,CAAC;gBAED,OAAO,CAAC,CAAC;YACb,CAAC,CAAC,CAAC;YAEH,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,aAAa;aACzB,CAAC;QACN,KAAK,mBAAmB,CAAC,aAAa;YAClC,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC;aAC5E,CAAC;QACN;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/utils/assets.d.ts

@@ -1,2 +1 @@
-import { CSSProperties } from 'react';
 export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, element: any, offsetY?: number) => CSSProperties;

package/dist/styles.css

@@ -254,9 +254,68 @@ body a {
 .file-hidden {
   display: none;
 }
+.no-ongoing-uploads {
+  text-align: center;
+  margin: auto;
+}
+.uploads-dropzone.show {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  z-index: 200000;
+}
+.uploads-dropzone.table-hover .uploads-menu {
+  display: none;
+}
+.uploads-dropzone.asset-over .uploads-menu {
+  opacity: 0.3;
+}
+.uploads-dropzone.asset-over .overlay {
+  border-style: dashed;
+  border-color: hsl(225, 100%, 50%);
+  border-width: medium;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  height: 98%;
+  width: 99%;
+  display: flex;
+  z-index: 1;
+}
+.uploads-dropzone.asset-over .overlay p {
+  vertical-align: middle;
+  margin: auto;
+}
+.uploads-dropzone {
+  height: 100%;
+}
+.uploads-dropzone.asset-over .uploads-menu {
+  opacity: 0.3;
+}
+.uploads-dropzone.asset-over .overlay {
+  border-style: dashed;
+  border-color: hsl(225, 100%, 50%);
+  border-width: medium;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  height: 98%;
+  width: 99%;
+  display: flex;
+  z-index: 1;
+}
+.uploads-dropzone.asset-over .overlay p {
+  vertical-align: middle;
+  margin: auto;
+}
 .uploads-menu {
-  width: 670px;
-  height: 175px;
+  height: 100%;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -272,10 +331,12 @@ body a {
 }
 .uploads-menu .uploads-list {
   width: 100%;
+  height: 100%;
   box-sizing: border-box;
   margin-top: 5px;
   padding: 5px;
   border-top: 1px solid #494949;
+  margin-bottom: 25px;
 }
 .uploads-menu .uploads-list .ongoing-upload {
   display: flex;
@@ -283,6 +344,21 @@ body a {
   align-items: flex-start;
   margin-bottom: 5px;
 }
+.uploads-menu .uploads-confirm {
+  display: flex;
+  flex-direction: row;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid #494949;
+  background: #272727;
+}
+.uploads-menu .uploads-confirm .checkbox-field {
+  top: 2px;
+}
+.uploads-menu .uploads-confirm .imposium-btn {
+  padding-top: 3px;
+}
 .uploads-menu .form-field {
   vertical-align: top;
 }
@@ -470,6 +546,49 @@ body a {
   justify-content: space-between;
   width: 100%;
 }
+.ongoing-upload-inner .tags-column {
+  width: unset;
+  padding: unset;
+  bottom: 2px;
+  margin-right: auto;
+}
+.ongoing-upload-inner .upload-filename {
+  display: inline-block;
+  background: #1d1d1d;
+  border: none;
+  color: #dfdfdf;
+  font-size: 12px;
+  box-sizing: border-box;
+  vertical-align: top;
+  height: 20px;
+  width: 200px;
+  font-family: 'Roboto Condensed', sans-serif;
+  border-radius: 0;
+  appearance: none;
+  padding: 4px;
+  margin-right: 5px;
+}
+.ongoing-upload-inner .imposium-btn {
+  height: fit-content;
+  position: relative;
+  top: 2px;
+}
+.ongoing-upload-inner .upload-filename {
+  display: inline-block;
+  background: #1d1d1d;
+  border: none;
+  color: #dfdfdf;
+  font-size: 12px;
+  box-sizing: border-box;
+  vertical-align: top;
+  height: 20px;
+  width: 200px;
+  font-family: 'Roboto Condensed', sans-serif;
+  border-radius: 0;
+  appearance: none;
+  padding: 4px;
+  margin-right: 5px;
+}
 .asset-preview-background {
   border: 1px solid #161616;
   background-color: #272727;
@@ -781,6 +900,10 @@ body a {
   top: 0;
   z-index: 2;
 }
+.ip-table-wrapper .ip-table .ip-table-header.pin {
+  position: sticky !important;
+  right: 0px;
+}
 .ip-table-wrapper .ip-table .ip-table-header,
 .ip-table-wrapper .ip-table .ip-table-col,
 .ip-table-wrapper .ip-table .ip-table-filter {
@@ -862,6 +985,10 @@ body a {
 .ip-table-wrapper .ip-table .ip-table-row .ip-table-col.overflow-visible {
   overflow: visible;
 }
+.ip-table-wrapper .ip-table .ip-table-row .ip-table-col.overflow-visible.pin {
+  position: sticky;
+  right: 0px;
+}
 .ip-table-wrapper .ip-table .ip-table-row .ip-table-col .form-field-content {
   margin-left: 0;
 }
@@ -2112,6 +2239,22 @@ body a {
   background-color: #161616;
   font-size: 14px;
 }
+.batch-job-error {
+  padding: 10px;
+  color: red;
+  background-color: #161616;
+}
+.batch-job-error h2 {
+  color: red;
+}
+.batch-job-error table td {
+  min-width: 75px;
+  vertical-align: top;
+}
+.batch-job-error .error-title {
+  font-weight: bold;
+  font-size: 14px;
+}
 .section {
   position: absolute;
   width: 100%;
@@ -2509,6 +2652,7 @@ body a {
   height: 100%;
   top: 0px;
   left: 0px;
+  background-color: #232323;
   top: 35px;
   height: calc(100% - 35px);
 }