@imposium-hub/components 2.9.0-14 → 2.9.0-2

package/dist/styles.css

@@ -557,10 +557,6 @@ body a {
   justify-content: space-between;
   width: 100%;
 }
-.ongoing-upload-inner .upload-icon {
-  padding-left: 2px;
-  padding-right: 2px;
-}
 .ongoing-upload-inner .tags-column {
   width: unset;
   padding: unset;
@@ -659,7 +655,6 @@ body a {
 }
 .button-menu .menu.left {
   right: 0;
-  z-index: 2000;
 }
 .button-menu-item {
   padding: 3px;
@@ -819,6 +814,10 @@ body a {
   margin: 0px;
 }
 .confirm-modal {
+  position: relative;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
   top: calc(50% - 38px);
 }
 .confirm-modal p {
@@ -829,49 +828,7 @@ body a {
   width: 76px;
 }
 .confirm-modal .confirm-buttons .imposium-btn .btn-bold {
-  border: 1px solid #2d8cea;
-}
-.replace-files-modal,
-.confirm-modal {
-  position: relative;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-}
-.replace-files-modal .confirm-buttons .imposium-btn,
-.confirm-modal .confirm-buttons .imposium-btn,
-.replace-files-modal .replace-files-buttons .imposium-btn,
-.confirm-modal .replace-files-buttons .imposium-btn {
-  width: 76px;
-}
-.replace-files-modal .confirm-buttons .imposium-btn .btn-bold,
-.confirm-modal .confirm-buttons .imposium-btn .btn-bold,
-.replace-files-modal .replace-files-buttons .imposium-btn .btn-bold,
-.confirm-modal .replace-files-buttons .imposium-btn .btn-bold {
-  border: 1px solid #2d8cea;
-}
-.replace-files-modal {
-  text-align: center;
-}
-.replace-files-buttons {
-  width: 100%;
-  margin-top: 10px;
-}
-.replace-files-buttons .checkbox {
-  float: left;
-  padding-left: 10px;
-  position: relative;
-  top: 6px;
-}
-.replace-files-buttons .checkbox .label-left {
-  width: fit-content;
-}
-.replace-files-buttons .checkbox .checkbox {
-  top: 0px;
-}
-.replace-files-buttons .buttons {
-  float: right;
-  padding-right: 10px;
+  border: 1px solid #2D8CEA;
 }
 .card {
   background: #2f2f2f;
@@ -1395,14 +1352,6 @@ body a {
   width: calc(100% - 5px);
   margin-left: 5px;
 }
-.filterable-cell-wrapper .form-field-buttons {
-  position: absolute;
-  height: 18px;
-  top: 4px;
-  right: 0px;
-  background: #1d1d1d;
-  z-index: 1000;
-}
 .checkbox-field .checkbox {
   display: inline-block;
   background: #1d1d1d;
@@ -1514,9 +1463,6 @@ body a {
   width: calc(100% - 30px);
   margin: 0px;
 }
-.slider-field input.toggle {
-  width: calc(100% - 30px - 18px);
-}
 .slider-field .val {
   display: inline-block;
   vertical-align: top;
@@ -1531,47 +1477,6 @@ body a {
   box-sizing: border-box;
   background: #272727;
 }
-.slider-field .checkbox {
-  display: inline-block;
-  background: #1d1d1d;
-  border: none;
-  color: #dfdfdf;
-  font-size: 12px;
-  box-sizing: border-box;
-  vertical-align: top;
-  height: 20px;
-  width: 100%;
-  font-family: 'Roboto Condensed', sans-serif;
-  border-radius: 0;
-  appearance: none;
-  line-height: 10px;
-  border: 1px solid #353535;
-  border-radius: 2px;
-  width: 18px;
-  height: 18px;
-  padding: 2px;
-  cursor: pointer;
-}
-.slider-field .checkbox:hover {
-  background: #151515;
-}
-.slider-field .checkbox:focus {
-  background: #151515;
-}
-.slider-field .checkbox:disabled {
-  color: rgba(223, 223, 223, 0.4);
-  background: #1d1d1d;
-  pointer-events: none;
-}
-.slider-field .checkbox:disabled:focus {
-  background: #1d1d1d;
-}
-.slider-field .checkbox:disabled:hover {
-  background: #1d1d1d;
-}
-.slider-field .checkbox .fa-check {
-  margin-left: 1px;
-}
 .color-field .form-field-content.label-top .picker {
   top: 40px;
 }
@@ -2854,7 +2759,7 @@ body a {
   padding-left: 4px;
   height: 35px;
   background: #242424;
-  z-index: 1000;
+  z-index: 2000;
 }
 .story-viewer .viewer-content .content-header .output {
   margin-top: 4px;

package/dist/styles.less

@@ -362,6 +362,44 @@ body{
     }
 }
 
+// .assetUploads {
+//     .imposium-dropdown {
+//         border: unset;
+
+//         .uploads-dropzone{
+//             position: absolute;
+//             top: 0;
+//             height: 100%;
+//             z-index: 2;
+//             display: none;
+
+//             &.asset-over {
+//                 .uploads-menu{
+//                     opacity: .3;
+//                 }
+//                 .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;
+//                     p {
+//                         vertical-align: middle;
+//                         margin: auto;
+//                     }
+//                 }
+//             }
+//         }
+//     }
+// }
 .uploads-menu {
     height: 100%;
     overflow-y: auto;
@@ -539,7 +577,7 @@ body{
         width: 173px;
         z-index: 1001;
     }
-}
+} 
 
 .asset-details .rta .rta__autocomplete {
     width: 362px;
@@ -596,10 +634,6 @@ body{
     flex-direction: row;
     justify-content: space-between;
     width: 100%;
-    .upload-icon {
-        padding-left: 2px;
-        padding-right: 2px;
-    }
     .tags-column {
         width: unset;
         padding: unset;
@@ -709,7 +743,6 @@ body{
 
         &.left{
             right: 0;
-            z-index: 2000;
         }
     }
 }
@@ -896,65 +929,26 @@ body{
 }
 
 .confirm-modal {
-    top: calc(50% - 38px);
-    p {
-        text-align: center;
-        padding-bottom: 5px;
-    }
-    .confirm-buttons {
-        .imposium-btn {
-            width: 76px;
-
-            .btn-bold {
-                border: 1px solid #2d8cea;
-            }
-        }
-    }
-}
-
-.replace-files-modal,
-.confirm-modal {
-    position: relative;
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    .confirm-buttons,
-    .replace-files-buttons {
-        .imposium-btn {
-            width: 76px;
-
-            .btn-bold {
-                border: 1px solid #2d8cea;
-            }
-        }
-    }
-}
-.replace-files-modal {
-    text-align: center;
-}
-
-.replace-files-buttons {
-    width: 100%;
-    margin-top: 10px;
-    .checkbox {
-        float: left;
-        padding-left: 10px;
-        position: relative;
-        top: 6px;
-        .label-left {
-            width: fit-content;
-        }
-        .checkbox {
-            top: 0px;
-        }
-    }
-    .buttons {
-        float: right;
-        padding-right: 10px;
-    }
+	position: relative;
+	align-items: center;
+	display: flex;
+	flex-direction: column;
+	top: calc(50% - 38px);
+	p{
+		text-align: center;
+		padding-bottom: 5px;
+	}
+	.confirm-buttons {
+		.imposium-btn {
+			width: 76px;
+
+			.btn-bold{
+				border: 1px solid #2D8CEA;
+			}
+		}
+	}
 }
 
-
 @cardHeaderHeight:25px;
 @cardHeaderHeightSmall:21px;
 @cardHeaderHeightLarge:35px;
@@ -1465,14 +1459,6 @@ body{
 	}
 }
 
-.filterable-cell-wrapper .form-field-buttons{
-	position:absolute;
-	height: 18px;
-	top:4px;
-	right:0px;
-	background:@inputBackground;
-	z-index: 1000;
-}
 
 .checkbox-field{
 	
@@ -1557,10 +1543,6 @@ body{
 	input{
 		width:calc(100% - @sliderValWidth);
 		margin:0px;
-
-		&.toggle{
-			width:calc(100% - @sliderValWidth - 18px);
-		}
 	}
 
 	.val{
@@ -1577,21 +1559,6 @@ body{
 		box-sizing:border-box;
 		background:lighten(@inputBackground, 4%);
 	}
-
-	.checkbox{
-		.inputMixin;
-		line-height: 10px;
-		border: 1px solid @backgroundLight;
-		border-radius: 2px;
-		width:18px;
-		height:18px;
-		padding:2px;
-		cursor: pointer;
-
-		.fa-check {
-			margin-left: 1px;
-		}
-	}
 }
 
 .color-field{
@@ -2843,7 +2810,7 @@ body{
             padding-left:4px;
             height:@storyViewerHeaderHeight;
             background:darken(@background, 1%);
-            z-index: 1000;
+            z-index: 2000;
 
             .output{
                 margin-top:4px;

package/less/components/assets.less

@@ -116,6 +116,44 @@
     }
 }
 
+// .assetUploads {
+//     .imposium-dropdown {
+//         border: unset;
+
+//         .uploads-dropzone{
+//             position: absolute;
+//             top: 0;
+//             height: 100%;
+//             z-index: 2;
+//             display: none;
+
+//             &.asset-over {
+//                 .uploads-menu{
+//                     opacity: .3;
+//                 }
+//                 .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;
+//                     p {
+//                         vertical-align: middle;
+//                         margin: auto;
+//                     }
+//                 }
+//             }
+//         }
+//     }
+// }
 .uploads-menu {
     height: 100%;
     overflow-y: auto;
@@ -293,7 +331,7 @@
         width: 173px;
         z-index: 1001;
     }
-}
+} 
 
 .asset-details .rta .rta__autocomplete {
     width: 362px;
@@ -350,10 +388,6 @@
     flex-direction: row;
     justify-content: space-between;
     width: 100%;
-    .upload-icon {
-        padding-left: 2px;
-        padding-right: 2px;
-    }
     .tags-column {
         width: unset;
         padding: unset;

package/less/components/button-menu.less

@@ -22,7 +22,6 @@
 
         &.left{
             right: 0;
-            z-index: 2000;
         }
     }
 }

package/less/components/button.less

@@ -166,60 +166,22 @@
 }
 
 .confirm-modal {
-    top: calc(50% - 38px);
-    p {
-        text-align: center;
-        padding-bottom: 5px;
-    }
-    .confirm-buttons {
-        .imposium-btn {
-            width: 76px;
-
-            .btn-bold {
-                border: 1px solid #2d8cea;
-            }
-        }
-    }
-}
-
-.replace-files-modal,
-.confirm-modal {
-    position: relative;
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    .confirm-buttons,
-    .replace-files-buttons {
-        .imposium-btn {
-            width: 76px;
-
-            .btn-bold {
-                border: 1px solid #2d8cea;
-            }
-        }
-    }
-}
-.replace-files-modal {
-    text-align: center;
-}
-
-.replace-files-buttons {
-    width: 100%;
-    margin-top: 10px;
-    .checkbox {
-        float: left;
-        padding-left: 10px;
-        position: relative;
-        top: 6px;
-        .label-left {
-            width: fit-content;
-        }
-        .checkbox {
-            top: 0px;
-        }
-    }
-    .buttons {
-        float: right;
-        padding-right: 10px;
-    }
-}
+	position: relative;
+	align-items: center;
+	display: flex;
+	flex-direction: column;
+	top: calc(50% - 38px);
+	p{
+		text-align: center;
+		padding-bottom: 5px;
+	}
+	.confirm-buttons {
+		.imposium-btn {
+			width: 76px;
+
+			.btn-bold{
+				border: 1px solid #2D8CEA;
+			}
+		}
+	}
+}

package/less/components/form-field.less

@@ -131,14 +131,6 @@
 	}
 }
 
-.filterable-cell-wrapper .form-field-buttons{
-	position:absolute;
-	height: 18px;
-	top:4px;
-	right:0px;
-	background:@inputBackground;
-	z-index: 1000;
-}
 
 .checkbox-field{
 	
@@ -223,10 +215,6 @@
 	input{
 		width:calc(100% - @sliderValWidth);
 		margin:0px;
-
-		&.toggle{
-			width:calc(100% - @sliderValWidth - 18px);
-		}
 	}
 
 	.val{
@@ -243,21 +231,6 @@
 		box-sizing:border-box;
 		background:lighten(@inputBackground, 4%);
 	}
-
-	.checkbox{
-		.inputMixin;
-		line-height: 10px;
-		border: 1px solid @backgroundLight;
-		border-radius: 2px;
-		width:18px;
-		height:18px;
-		padding:2px;
-		cursor: pointer;
-
-		.fa-check {
-			margin-left: 1px;
-		}
-	}
 }
 
 .color-field{

package/less/components/story-previewer.less

@@ -222,7 +222,7 @@
             padding-left:4px;
             height:@storyViewerHeaderHeight;
             background:darken(@background, 1%);
-            z-index: 1000;
+            z-index: 2000;
 
             .output{
                 margin-top:4px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.9.0-14",
+    "version": "2.9.0-2",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -58,7 +58,7 @@
         "@fortawesome/pro-solid-svg-icons": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
         "@imposium-hub/react-textarea-autocomplete": "^4.9.13-6",
-        "axios": "^1.9.0",
+        "axios": "^0.21.1",
         "hotkeys-js": "^3.6.12",
         "localforage": "^1.7.3",
         "react": "^17.0.1",
@@ -68,13 +68,14 @@
         "react-dropzone": "^10.1.6",
         "react-redux": "^5.0.7",
         "react-resize-detector": "^6.7.1",
-        "react-router": "^3.2.6",
         "react-spinners": "^0.6.1",
         "react-table": "^7.7.0",
         "react-tooltip": "^5.27.0",
+        "react-router": "^3.2.6",
         "smpte-timecode": "^1.2.3"
     },
     "devDependencies": {
+        "react-router": "^3.2.6",
         "@auth0/auth0-react": "^2.3.0",
         "@fortawesome/fontawesome-svg-core": "^6.7.1",
         "@fortawesome/free-brands-svg-icons": "^6.7.1",
@@ -100,7 +101,7 @@
         "@types/resize-observer-browser": "^0.1.5",
         "@typescript-eslint/eslint-plugin": "^5.26.0",
         "@typescript-eslint/parser": "^5.26.0",
-        "axios": "^1.9.0",
+        "axios": "^0.21.1",
         "concurrently": "^7.1.0",
         "eslint": "^8.14.0",
         "eslint-config-prettier": "^8.5.0",
@@ -121,7 +122,6 @@
         "react-dropzone": "^10.1.6",
         "react-redux": "^5.0.7",
         "react-resize-detector": "^6.7.1",
-        "react-router": "^3.2.6",
         "react-spinners": "^0.6.1",
         "react-table": "^7.7.0",
         "react-tooltip": "^5.27.1",

package/src/Util.ts

@@ -53,13 +53,7 @@ export const checkStoryId = (storyId: string, orgId: string, access: any): any =
 
 export const getLastModifiedStoryInOrg = (orgId: string, access: any): string => {
     const activeOrg: any = getActiveOrg(orgId, access);
-
-    if (activeOrg.stories.length === 0) {
-        return null;
-    }
-
     const sortByLastModified = activeOrg.stories.sort((a, b) => b.date_modified - a.date_modified);
-
     if (sortByLastModified[0]) {
         return sortByLastModified[0].id;
     } else {
@@ -93,9 +87,6 @@ export const parameterizeServiceUrl = (
             case 6:
             case 8:
                 return `${url}/${activeOrg}/${activeStory}`;
-            case 11:
-            case 12:
-                return `${url}`;
             default:
                 return `${url}/${activeOrg}`;
         }

package/src/components/app-wrapper/AppWrapper.tsx

@@ -228,12 +228,6 @@ export const AppWrapper: React.FC<IAppWrapperProps> = (props) => {
                 })
                 .catch((e: Error) => {
                     setErrorState(APP_WRAPPER_ERROR_STATES.UNAUTHORIZED_ORG);
-
-                    // Attempt to get the access data again without the org ID, so we can at least shoe the user the org dropdown
-                    api.init(baseUrl, getAccessTokenSilently, null);
-                    api.getAccessData(false).then((freshAccess: any) => {
-                        props.setAccessData(freshAccess);
-                    });
                 });
 
             // If we're not loading, and we're not authenticated, call login, and cache story + org ID from URL if it's there

package/src/components/assets/AssetsTableAssetIdFilter.tsx

@@ -20,7 +20,6 @@ class AssetsTableAssetIdFilter extends React.PureComponent<IAssetsTableAssetIdFi
                 submittableType='search'
                 value={assetFilters.id}
                 doSubmit={(n) => this.props.updateFilters({ id: n })}
-                header={true}
             />
         );
     };

package/src/components/assets/AssetsTableNameFilter.tsx

@@ -20,7 +20,6 @@ class AssetsTableNameFilter extends React.PureComponent<IAssetsTableNameFilterPr
                 submittableType='search'
                 value={assetFilters.name}
                 doSubmit={(n) => this.props.updateFilters({ name: n })}
-                header={true}
             />
         );
     };