@ausbom/form 0.4.28 → 0.4.29

package/lib/components/TextInput/TextInput.d.ts

@@ -14,6 +14,7 @@ export interface IProps {
   status?: Status
   statusMessage?: React.ReactNode
   innerRef?: React.RefObject<any>
+  labelAttributes?: JSX.IntrinsicElements['label']
   [x: string]: any
 }
 

package/lib/components/TextInput/TextInput.js

@@ -6,6 +6,6 @@ el.style.height="".concat(scrollHeight,"px");// eslint-disable-line no-param-rea
 if(multiLine&&autoHeight&&this.textareaRef.current){adjustHeight(this.textareaRef.current)}if(this.props.autoFocus){// This is required to make sure that the focus is set to the input when used inside the modal
 setTimeout(function(){// eslint-disable-next-line no-unused-expressions
 _this2.textareaRef.current&&_this2.textareaRef.current.focus()},50)}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props2=this.props,value=_this$props2.value,multiLine=_this$props2.multiLine,autoHeight=_this$props2.autoHeight;var previousValue=prevProps.value;// istanbul ignore next (tricky to unit test, but covered in visual tests)
-if(multiLine&&autoHeight&&this.textareaRef.current&&value!==previousValue){adjustHeight(this.textareaRef.current)}}},{key:"render",value:function render(){var _this3=this;var _ref=this.props,id=_ref.id,helpText=_ref.helpText,autoHeight=_ref.autoHeight,className=_ref.className,label=_ref.label,hideLabel=_ref.hideLabel,multiLine=_ref.multiLine,small=_ref.small,status=_ref.status,statusMessage=_ref.statusMessage,innerRef=_ref.innerRef,restProps=(0,_objectWithoutProperties2["default"])(_ref,["id","helpText","autoHeight","className","label","hideLabel","multiLine","small","status","statusMessage","innerRef"]);var classes=(0,_classnames["default"])(className,"bom-form-text",{"bom-form-text--error":status===_status["default"].Error,"bom-form-text--success":status===_status["default"].Success,"bom-form-text--small":small,"bom-form-text--hide-label":hideLabel});var optionalProps={};if(statusMessage){optionalProps["aria-describedby"]="".concat(id,"_status")}var Tag=multiLine?"textarea":"input";return/*#__PURE__*/_react["default"].createElement("div",{className:classes},/*#__PURE__*/_react["default"].createElement(_Label["default"],{className:"bom-form-text__label",htmlFor:id,small:small,"data-testid":"bom-text-label"},label),/*#__PURE__*/_react["default"].createElement(Tag,(0,_extends2["default"])({id:id,type:!multiLine?"text":undefined,className:"bom-form-text__input","data-testid":"bom-text-input",onInput:function onInput(e){// istanbul ignore next (tricky to unit test, but covered in visual tests)
+if(multiLine&&autoHeight&&this.textareaRef.current&&value!==previousValue){adjustHeight(this.textareaRef.current)}}},{key:"render",value:function render(){var _this3=this;var _ref=this.props,id=_ref.id,helpText=_ref.helpText,autoHeight=_ref.autoHeight,className=_ref.className,label=_ref.label,hideLabel=_ref.hideLabel,multiLine=_ref.multiLine,small=_ref.small,status=_ref.status,statusMessage=_ref.statusMessage,labelAttributes=_ref.labelAttributes,innerRef=_ref.innerRef,restProps=(0,_objectWithoutProperties2["default"])(_ref,["id","helpText","autoHeight","className","label","hideLabel","multiLine","small","status","statusMessage","labelAttributes","innerRef"]);var classes=(0,_classnames["default"])(className,"bom-form-text",{"bom-form-text--error":status===_status["default"].Error,"bom-form-text--success":status===_status["default"].Success,"bom-form-text--small":small,"bom-form-text--hide-label":hideLabel});var optionalProps={};if(statusMessage){optionalProps["aria-describedby"]="".concat(id,"_status")}var Tag=multiLine?"textarea":"input";return/*#__PURE__*/_react["default"].createElement("div",{className:classes},/*#__PURE__*/_react["default"].createElement(_Label["default"],(0,_extends2["default"])({className:"bom-form-text__label",htmlFor:id,small:small,"data-testid":"bom-text-label"},restProps&&restProps["aria-hidden"]&&{"aria-hidden":restProps["aria-hidden"]},labelAttributes),label),/*#__PURE__*/_react["default"].createElement(Tag,(0,_extends2["default"])({id:id,type:!multiLine?"text":undefined,className:"bom-form-text__input","data-testid":"bom-text-input",onInput:function onInput(e){// istanbul ignore next (tricky to unit test, but covered in visual tests)
 if(multiLine&&autoHeight&&_this3.textareaRef.current){adjustHeight(_this3.textareaRef.current)}// istanbul ignore next (tricky to unit test, but covered in visual tests)
 if(_this3.props.onInput&&typeof _this3.props.onInput==="function"){_this3.props.onInput(e)}},ref:this.textareaRef,"aria-invalid":status===_status["default"].Error},optionalProps,restProps)),statusMessage&&/*#__PURE__*/_react["default"].createElement(_Status["default"],{className:"bom-form-text__status",id:"".concat(id,"_status"),message:statusMessage,status:status,small:small}),helpText&&/*#__PURE__*/_react["default"].createElement(_Status["default"],{className:"bom-form-text__help",message:helpText,small:small}))}}]);return TextInput}(_react["default"].PureComponent);(0,_defineProperty2["default"])(TextInput,"defaultProps",{autoHeight:false,multiLine:false,small:false,hideLabel:false,autoFocus:false});var TextInputWithRef=/*#__PURE__*/_react["default"].forwardRef(function(props,ref){return/*#__PURE__*/_react["default"].createElement(TextInput,(0,_extends2["default"])({innerRef:ref},props))});TextInputWithRef.displayName="TextInput";var _default=TextInputWithRef;exports["default"]=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ausbom/form",
-  "version": "0.4.28",
+  "version": "0.4.29",
   "description": "",
   "keywords": [],
   "author": "",
@@ -42,5 +42,5 @@
     "@ausbom/icon": "^0.19.1",
     "@ausbom/styles": "^0.12.0"
   },
-  "gitHead": "b8e6a790e3dab0a2591a8a728ea732cbaf3b223d"
+  "gitHead": "49de099637a56e5bd4cba2e6c9060a41b5fb0544"
 }