@imposium-hub/components 1.60.13 → 1.60.15

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -172,6 +172,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                 }
             );
         }
+
+        this.createExperience();
     }
 
     public componentDidUpdate(prevProps, prevState) {
@@ -682,6 +684,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                         maxWidth={mWidth}
                         allowManualScale={true}
                         maxHeight={mHeight}
+                        autoPlay
                     />
                 );
             } else if (type === OUTPUT_TYPES.LOG) {

package/src/components/text-field/TextField.tsx

@@ -43,6 +43,7 @@ interface ITextFieldProps {
     info?: string;
     labelPosition?: string;
     labelWidth?: string | number;
+    className?: string;
 }
 
 interface ITextFieldState {
@@ -479,10 +480,10 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
     }
 
     public render() {
-        const { label, width, tooltip, info, labelPosition, labelWidth } = this.props;
+        const { label, width, tooltip, info, labelPosition, labelWidth, className } = this.props;
         return (
             <FieldWrapper
-                customClass='text-field'
+                customClass={`text-field ${className}`}
                 label={label}
                 buttons={this.renderButtons()}
                 tooltip={tooltip}

package/src/constants/copy.ts

@@ -45,7 +45,9 @@ export const assets = {
     assetTag: 'Tags',
     sessionExpired: 'Your session has expired, please log in again to continue.',
     rate: 'Frame Rate',
-    duration: 'Duration'
+    duration: 'Duration',
+    width: 'Width',
+    height: 'Height'
 };
 
 export const previewer = {