@ausbom/form 0.4.42 → 0.4.43

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,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&&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";var tagClasses=(0,_classnames["default"])("bom-form-text__input",{"bom-form-text__input--no-resize":multiLine&&autoHeight});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:tagClasses,"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/lib/components/TextInput/TextInput.scss

@@ -7,10 +7,16 @@
   box-shadow: inset 0 -1px get-palette-color('neutral.black');
   color: get-palette-color('neutral.charcoalDark');
   display: block;
+  min-height: 48px;
   padding: 14px 16px;
   width: 100%;
   appearance: none;
   border-radius: 0;
+  resize: vertical;
+
+  &--no-resize {
+    resize: none;
+  }
 
   &:hover:not(:disabled) {
     @include hover;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ausbom/form",
-  "version": "0.4.42",
+  "version": "0.4.43",
   "description": "",
   "keywords": [],
   "author": "",
@@ -42,5 +42,5 @@
     "@ausbom/icon": "^0.21.0",
     "@ausbom/styles": "^0.12.1"
   },
-  "gitHead": "6cf957bdaaa6b979b78e03e59e50e408b17a7c26"
+  "gitHead": "c59f2d37d678417c66134c89fec34606eb8b1d54"
 }