@imposium-hub/components 2.3.10 → 2.4.0-0

package/less/components/assets.less

@@ -1,29 +1,30 @@
-.new-tag {
+
+.new-tag{
     display: inline-block;
-    width: 150px;
-    height: @inputHeight;
+    width:150px;
+    height:@inputHeight;
     vertical-align: top;
     margin-top: 1px;
-    margin-left: 2px;
-    input {
-        width: 100%;
-        height: @inputHeight;
+    margin-left:2px;
+    input{
+        width:100%;
+        height:@inputHeight;
         display: inline-block;
-        background: none;
-        border: none;
-        color: @textDefault;
-        font-size: @fontSizeSmall;
-        box-sizing: border-box;
+        background:none;
+        border:none;
+        color:@textDefault;
+        font-size:@fontSizeSmall;
+        box-sizing:border-box;
         vertical-align: top;
-        border-radius: 0px;
-        appearance: none;
+        border-radius:0px;
+        appearance:none;
 
-        &:hover {
-            background: rgba(0, 0, 0, 0.2);
+        &:hover{
+            background:rgba(0,0,0,0.2);
         }
 
-        &:focus {
-            background: rgba(0, 0, 0, 0.2);
+        &:focus{
+            background:rgba(0,0,0,0.2);
         }
     }
 }
@@ -41,119 +42,9 @@
     display: none;
 }
 
-.no-ongoing-uploads {
-    text-align: center;
-    margin: auto;
-}
-
-.uploads-dropzone {
-    &.show {
-        position: absolute;
-        top: 0;
-        height: 100%;
-        z-index: 200000;
-    }
-
-    &.table-hover {
-        .uploads-menu {
-            display: none;
-        }
-    }
-    &.asset-over {
-        .uploads-menu {
-            opacity: 0.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-dropzone{
-    height:100%;
-    
-    &.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;
-            }
-        }
-    }
-}
-
-// .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%;
+    width: 670px;
+    height: 175px;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
@@ -170,12 +61,11 @@
 
     .uploads-list {
         width: 100%;
-        height: 100%;
         box-sizing: border-box;
         margin-top: 5px;
         padding: 5px;
         border-top: 1px solid #494949;
-        margin-bottom: 25px;
+
         .ongoing-upload {
             display: flex;
             flex-direction: column;
@@ -184,30 +74,15 @@
         }
     }
 
-    .uploads-confirm {
-        display: flex;
-        flex-direction: row;
-        position: absolute;
-        bottom: 0;
-        width: 100%;
-        border-top: 1px solid #494949;
-        background: #272727;
-        .checkbox-field {
-            top: 2px;
-        }
-        .imposium-btn {
-            padding-top: 3px;
-        }
-    }
+    .form-field{
 
-    .form-field {
-        vertical-align: top;
-        label {
-            width: 120px;
+        vertical-align:top;
+        label{
+            width:120px;
         }
 
-        .form-field-content {
-            width: calc(100% - 120px);
+        .form-field-content{
+            width:calc(100% - 120px);
         }
     }
 }
@@ -216,9 +91,9 @@
     padding: 7px;
     border-bottom: 1px solid #494949;
     background: @background;
-    display: inline-block;
-    &:hover {
-        background: @backgroundLight;
+    display:inline-block;
+    &:hover{
+        background:@backgroundLight;
     }
 }
 
@@ -252,8 +127,8 @@
 }
 
 .tags-column {
-    position: relative;
-    padding-right: 50px;
+    position:relative;
+    padding-right:50px;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
@@ -265,36 +140,34 @@
     .form-field {
         margin: 0 0.6rem 0 0;
 
-        .form-field-buttons {
+        .form-field-buttons{
             height: 22px;
         }
-        textarea {
+        textarea{
             height: unset;
         }
     }
 }
 
-.tags-column,
-.new-tag,
-.asset-details {
+.tags-column, .new-tag, .asset-details {
     .rta {
         margin-left: 5px;
         .rta__textarea {
             height: 22px;
         }
-        .rta__autocomplete {
+        .rta__autocomplete{
             position: absolute;
             top: 22px !important;
             z-index: 1;
             background: #161616;
             border: 1px solid #272727;
             overflow: auto;
-            .rta__list {
+            .rta__list{
                 list-style: none;
                 height: 60px;
-                .rta__item {
+                .rta__item{
                     padding-bottom: 1px;
-                    .rta__entity--selected {
+                    .rta__entity--selected{
                         background-color: #353535;
                     }
                     .variable {
@@ -306,12 +179,11 @@
     }
 }
 
-.tags-column,
-.asset-details {
+.tags-column, .asset-details {
     .rta .rta__autocomplete {
         left: 105px !important;
     }
-}
+} 
 
 .tags-column .rta .rta__autocomplete {
     width: 173px;
@@ -346,99 +218,53 @@
     margin-top: -3px;
 }
 
-.asset-status-cell {
-    width: 100%;
-    height: 100%;
+.asset-status-cell{
+    width:100%;
+    height:100%;
     display: flex;
     justify-content: center;
     align-items: center;
 
-    .status-indicator {
-        width: 5px;
-        height: 100%;
-        box-sizing: border-box;
+    .status-indicator{
+        width:5px;
+        height:100%;
+        box-sizing:border-box;
 
-        &.processing {
-            background: #c5b73d;
+        &.processing{
+            background:#c5b73d;
         }
 
-        &.complete {
-            background: #307f35;
+        &.complete{
+            background:#307f35;
         }
     }
 }
 
-.ongoing-upload-inner {
+.ongoing-upload-inner{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    width: 100%;
-    .tags-column {
-        width: unset;
-        padding: unset;
-        bottom: 2px;
-        margin-right: auto;
-    }
-
-    .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;
-    }
-
-    .imposium-btn {
-        height: fit-content;
-        position: relative;
-        top: 2px;
-    }
-
-    .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;
-    }
+    width: 100%
 }
 
-.asset-preview-background {
-    border: 1px solid @backgroundDark;
+.asset-preview-background{
+    border:1px solid @backgroundDark;
     background-color: @background;
-
-    &.transparent {
+    
+    &.transparent{
         .chess;
     }
 
-    &.hidden {
+    &.hidden{
         opacity: 0;
     }
 }
-.close-icon-preview {
+.close-icon-preview{
     z-index: 9999 !important;
     justify-content: flex-end;
     display: flex;
     height: 30px !important;
-    align-items: center;
+    align-items: center
 }
 
 .error-preview {
@@ -449,4 +275,4 @@
     &.audio {
         height: 30px !important;
     }
-}
+}

package/less/components/button.less

@@ -16,12 +16,6 @@
 	vertical-align: top;
 	min-width:20px;
 	
-	&.small{
-		font-size:@fontSizeSmall;
-		line-height: @fontSizeSmall;
-		padding:2px 2px 2px 2px;
-	}
-
 	&.large{
 		font-size:@fontSizeLarge + 1;
 		line-height: @fontSizeLarge;
@@ -162,4 +156,4 @@
 	box-sizing: border-box;
 	line-height: 19px;
 	margin:0px;
-}
+}

package/less/components/data-table.less

@@ -5,8 +5,8 @@
     position: relative;
     box-sizing: border-box;
 
-    .form-field {
-        margin: 0;
+    .form-field{
+        margin:0;
     }
 
     .ip-table {
@@ -35,10 +35,6 @@
             z-index: 2;
         }
 
-        .ip-table-header.pin {
-            position: sticky !important;
-            right: 0px;
-        }
         .ip-table-header, .ip-table-col, .ip-table-filter {
             margin: 0;
             padding: 0.15rem 0.25rem;
@@ -51,17 +47,20 @@
                 width: 10px;
                 height: 100%;
                 touch-action: none;
+
+                &.resizing {
+
+                }
             }
         }
 
-        &.tight-rows {
-            .ip-table-col {
+        &.tight-rows{
+            .ip-table-col{
                 padding: 0.15rem 0.25rem;
             }
         }
-
-        .ip-table-header,
-        .ip-table-filter {
+        
+        .ip-table-header, .ip-table-filter {
             background-color: darken(@background, 1%);
             font-family: 'Roboto Condensed', sans-serif;
             font-weight: 600;
@@ -78,8 +77,7 @@
                 font-size: 11px;
             }
 
-            .searchable-sort-area,
-            .filterable-cell-wrapper {
+            .searchable-sort-area, .filterable-cell-wrapper {
                 display: flex;
                 align-items: center;
             }
@@ -124,10 +122,6 @@
 
                 &.overflow-visible {
                     overflow: visible;
-                    &.pin {
-                        position: sticky;
-                        right: 0px;
-                    }
                 }
 
                 .form-field-content {

package/less/components/header.less

@@ -164,6 +164,15 @@
                     background-repeat: no-repeat;
                 }
 
+                .ft-logo{
+                    width:125px;
+                    height:30px;
+                    margin: 0px 5px 0px 0px;
+                    background: url('data:image/png;base64,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Z2VSZWFkeXHJZTwAAAMoaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5kYmEzZGEzYjUsIDIwMjMvMTIvMTUtMTA6NDI6MzcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS42IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBMzQ5QTkwRjY5NDExRUU4NDVFQjg4MTlGNTlEMjkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBMzQ5QTkxRjY5NDExRUU4NDVFQjg4MTlGNTlEMjkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTdGRDNFODlGMzU0MTFFRTg0NUVCODgxOUY1OUQyOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTdGRDNFOEFGMzU0MTFFRTg0NUVCODgxOUY1OUQyOTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Kx1QxAAATvElEQVR42uxdCXhU1RU+byaZhCxkIewQIlBAFFoBxQqKIFttVbQtWosVtYpWa5XW+imttVZb61Jp6aKiFKkKCpSi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');
+                    background-size: 125px 30px;
+                    background-repeat: no-repeat;
+                }
+
                 .heading {
                     .font-style;
                     margin: 0;
@@ -183,6 +192,10 @@
             a{
                 border:none;
             }
+
+            .additional-buttons{
+                margin-right:10px;
+            }
             
             .btn-help {
                 .circle-style;

package/less/components/publish-wizard.less

@@ -8,6 +8,18 @@
         color: red;
         word-break: break-word;
     }
+
+    .publish-error{
+        padding:5px;
+        background:@backgroundDark;
+        margin-top:10px;
+        border-radius:5px;
+        box-sizing: border-box;
+        width:100%;
+        .icon{
+            color:@danger;
+        }
+    }
     
     .publish-wizard-header{
         position:absolute;
@@ -85,6 +97,7 @@
         border:1px solid darken(@background, 4%);
         cursor:pointer;
         position: relative;
+        text-decoration: none;
 
         &.disabled{
             pointer-events: none;
@@ -147,23 +160,3 @@
     background-color: @backgroundDark;
     font-size:14px;
 }
-
-.batch-job-error {
-    padding:10px;
-    color: red;
-    background-color: @backgroundDark;
-    h2 {
-        color: red;
-    }
-    table{
-      td{
-        min-width:75px;
-        vertical-align: top;
-      }
-    }
-  
-    .error-title{
-      font-weight: bold;
-      font-size:14px;
-    }
-}

package/less/components/story-previewer.less

@@ -253,7 +253,6 @@
 
         .content-wrapper{
             .layer;
-            background-color: rgb(35,35,35);
             top:@storyViewerHeaderHeight;
             height:calc(100% - @storyViewerHeaderHeight);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.3.10",
+    "version": "2.4.0-0",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -34,7 +34,6 @@
     },
     "homepage": "https://github.com/NickelMedia/Imposium-Hub-Components#readme",
     "dependencies": {
-        "@imposium-hub/react-color": "^2.19.4",
         "ansi_up": "^5.1.0",
         "auth0-js": "^9.11.3",
         "cogo-toast": "^4.2.3",
@@ -44,6 +43,7 @@
         "js-cookie": "^2.2.1",
         "lodash": "^4.17.21",
         "moment": "^2.29.1",
+        "react-color": "^2.18.0",
         "react-merge-refs": "^1.1.0",
         "react-moveable": "^0.26.1",
         "react-transition-group": "^4.4.5"
@@ -55,7 +55,7 @@
         "@fortawesome/pro-light-svg-icons": "^6.1.1",
         "@fortawesome/pro-solid-svg-icons": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
-        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-5",
+        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-1",
         "axios": "^0.21.1",
         "hotkeys-js": "^3.6.12",
         "localforage": "^1.7.3",
@@ -68,7 +68,7 @@
         "react-resize-detector": "^6.7.1",
         "react-spinners": "^0.6.1",
         "react-table": "^7.7.0",
-        "react-tooltip": "^5.27.0",
+        "react-tooltip": "^4.2.21",
         "smpte-timecode": "^1.2.3"
     },
     "devDependencies": {
@@ -80,7 +80,7 @@
         "@fortawesome/react-fontawesome": "^0.1.18",
         "@imposium-hub/eslint-config": "^1.1.0",
         "@imposium-hub/prettier-config": "^2.1.0",
-        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-5",
+        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-1",
         "@storybook/addon-actions": "^6.4.22",
         "@storybook/addon-docs": "^6.4.22",
         "@storybook/addon-essentials": "^6.4.22",
@@ -118,7 +118,7 @@
         "react-resize-detector": "^6.7.1",
         "react-spinners": "^0.6.1",
         "react-table": "^7.7.0",
-        "react-tooltip": "^5.27.1",
+        "react-tooltip": "^4.2.21",
         "run-sequence": "^2.2.1",
         "sb": "^6.4.22",
         "smpte-timecode": "^1.2.3",

package/src/Util.ts

@@ -347,16 +347,6 @@ export const formattedTime = (millis: number) => {
     return `${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
 };
 
-export const formatAudioDuration = (duration: number) => {
-    const hours: any = Math.floor(duration / 3600);
-    const minutes: any = Math.floor((duration % 3600) / 60);
-    const seconds: any = duration % 60;
-
-    return `${hours < 10 ? '0' : ''}${hours}:${minutes < 10 ? '0' : ''}${minutes}:${
-        seconds < 10 ? '0' : ''
-    }${seconds.toFixed(2)}`;
-};
-
 export const s3Url = (cloudFrontUrl: string, distro, origin): string => {
     if (cloudFrontUrl) {
         return cloudFrontUrl.replace(distro, origin);