@imposium-hub/components 1.58.2 → 1.58.4

package/src/components/smpte-field/SMPTEField.tsx

@@ -14,6 +14,7 @@ interface ISMPTEFieldProps {
     onChange?(e): void;
     info?: string;
     labelPosition?: string;
+    labelWidth?: string | number;
     value: any;
     frameRate: number;
 }
@@ -157,13 +158,14 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
     }
 
     public render() {
-        const { label, width, tooltip, labelPosition, placeholder, value } = this.props;
+        const { label, width, tooltip, labelPosition, placeholder, value, labelWidth } = this.props;
 
         return (
             <FieldWrapper
                 customClass={`text-field ${this.state.error ? 'invalid' : ''}`}
                 label={label}
                 labelPosition={labelPosition}
+                labelWidth={labelWidth}
                 tooltip={tooltip}
                 width={width}
                 info={this.state.errorMsg}>

package/src/components/text-area-field/TextAreaField.tsx

@@ -23,6 +23,7 @@ interface ITextAreaFieldProps {
     onSubmit?(e): void;
     info?: string;
     labelPosition?: string;
+    labelWidth?: string | number;
 }
 
 interface ITextAreaFieldState {
@@ -184,7 +185,8 @@ class TextAreaField extends React.PureComponent<ITextAreaFieldProps, ITextAreaFi
             width,
             tooltip,
             info,
-            labelPosition
+            labelPosition,
+            labelWidth
         } = this.props;
         const { editing } = this.state;
         const disable = (controlled && !editing) || disabled;
@@ -197,6 +199,7 @@ class TextAreaField extends React.PureComponent<ITextAreaFieldProps, ITextAreaFi
                 buttons={this.renderButtons()}
                 info={info}
                 labelPosition={labelPosition}
+                labelWidth={labelWidth}
                 width={width}>
                 <textarea
                     placeholder={placeholder}

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

@@ -42,6 +42,7 @@ interface ITextFieldProps {
     pattern?: RegExp;
     info?: string;
     labelPosition?: string;
+    labelWidth?: string | number;
 }
 
 interface ITextFieldState {
@@ -459,7 +460,7 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
     }
 
     public render() {
-        const { label, width, tooltip, info, labelPosition } = this.props;
+        const { label, width, tooltip, info, labelPosition, labelWidth } = this.props;
         return (
             <FieldWrapper
                 customClass='text-field'
@@ -468,6 +469,7 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
                 tooltip={tooltip}
                 info={info}
                 labelPosition={labelPosition}
+                labelWidth={labelWidth}
                 width={width}>
                 {this.renderInput()}
             </FieldWrapper>