@subiz/widget-v4 4.1.136 → 4.1.137

package/assets/less/form-page.less

@@ -302,5 +302,9 @@ body div#sbz92 {
 		pointer-events: none;
 	}
 
+	.form-wrapper.form select.form-control {
+		height: 40px;
+	}
+
 	@import 'form.less';
 }

package/assets/less/form.less

@@ -480,3 +480,7 @@ select {
 		height: 36px;
 	}
 }
+
+select.form-control.form-control--empty {
+	.color(@text-muted);
+}

package/compiled_src/form/Form.js

@@ -150,14 +150,19 @@ class Form2 extends _common.Com {
       let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
       val = val.value || '""';
       val = _index.default.parseJSON(val);
+      let cls = 'form-control';
+      if (this.state.errorFields[com.key]) cls += ' input--error';
+      if (!val) cls += ' form-control--empty';
       return (0, _preact.h)("select", {
-        class: "form-control",
+        class: cls,
         ref: this[`${com.key}_input`],
         onChange: e => {
           this.onChangeValue(com.key, e.target.value);
           this.clearError(com.key);
         }
-      }, _index.default.map(com.input_options, option => {
+      }, (0, _preact.h)("option", {
+        value: ""
+      }, "-- ", this.props.t('no_select'), " --"), _index.default.map(com.input_options, option => {
         return (0, _preact.h)("option", {
           value: option.value
         }, option.label);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.136",
+	"version": "4.1.137",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/form/Form.js

@@ -169,15 +169,19 @@ export default class Form2 extends Com {
 		let val = sb.find(this.props.submission.values, (f) => f.key === com.key) || {}
 		val = val.value || '""'
 		val = sb.parseJSON(val)
+		let cls = 'form-control'
+		if (this.state.errorFields[com.key]) cls += ' input--error'
+		if (!val) cls += ' form-control--empty'
 		return (
 			<select
-				class='form-control'
+				class={cls}
 				ref={this[`${com.key}_input`]}
 				onChange={(e) => {
 					this.onChangeValue(com.key, e.target.value)
 					this.clearError(com.key)
 				}}
 			>
+				<option value=''>-- {this.props.t('no_select')} --</option>
 				{sb.map(com.input_options, (option) => {
 					return <option value={option.value}>{option.label}</option>
 				})}