Standardization - Field Display Type and Focus state

Author: kevzlou7979

src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java

@@ -39,13 +39,11 @@
 import gwt.material.design.addins.client.combobox.js.options.Params;
 import gwt.material.design.client.MaterialDesignBase;
 import gwt.material.design.client.base.*;
-import gwt.material.design.client.base.mixin.EnabledMixin;
-import gwt.material.design.client.base.mixin.FieldTypeMixin;
-import gwt.material.design.client.base.mixin.ReadOnlyMixin;
-import gwt.material.design.client.base.mixin.StatusTextMixin;
+import gwt.material.design.client.base.mixin.*;
 import gwt.material.design.client.constants.CssName;
 import gwt.material.design.client.constants.FieldType;
 import gwt.material.design.client.ui.MaterialLabel;
+import gwt.material.design.client.ui.MaterialToast;
 import gwt.material.design.client.ui.html.Label;
 import gwt.material.design.client.ui.html.OptGroup;
 import gwt.material.design.client.ui.html.Option;
@@ -119,9 +117,9 @@ public MaterialComboBox() {
     @Override
     protected void onLoad() {
         label.setInitialClasses(AddinsCssName.SELECT2LABEL);
-        super.add(listbox);
-        super.add(label);
-        super.add(errorLabel);
+        addWidget(listbox);
+        addWidget(label);
+        addWidget(errorLabel);
         errorLabel.setMarginTop(8);
         listbox.setGwtDisplay(Style.Display.BLOCK);
 
@@ -171,6 +169,8 @@ public void load() {
         if (getTextColor() != null) {
             $(getElement()).find(".select2-selection__rendered").css("color", getTextColor().getCssName());
         }
+
+        getStatusTextMixin().getStatusDisplayMixin().setContainer(new MaterialWidget($(getElement())));
     }
 
     @Override
@@ -218,6 +218,10 @@ public void add(Widget child) {
         listbox.add(child);
     }
 
+    public void addWidget(Widget widget) {
+        super.add(widget);
+    }
+
     /**
      * Add OptionGroup directly to combobox component
      *

src/main/java/gwt/material/design/addins/client/stepper/MaterialStep.java

@@ -31,6 +31,7 @@
 import gwt.material.design.addins.client.stepper.constants.State;
 import gwt.material.design.client.base.*;
 import gwt.material.design.client.base.mixin.ActiveMixin;
+import gwt.material.design.client.base.mixin.StatusDisplayMixin;
 import gwt.material.design.client.constants.Axis;
 import gwt.material.design.client.constants.CssName;
 import gwt.material.design.client.constants.IconType;
@@ -249,6 +250,11 @@ public StatusDisplayType getStatusDisplayType() {
         return displayType;
     }
 
+    @Override
+    public void updateStatusDisplay(StatusDisplayMixin.StatusType statusType) {
+        // Nothing for now
+    }
+
     protected void applyIconStatus(MaterialIcon icon, String description) {
         iconError.removeFromParent();
         iconSuccess.removeFromParent();

src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java

@@ -43,16 +43,15 @@
 import gwt.material.design.client.base.HasStatusText;
 import gwt.material.design.client.base.MaterialWidget;
 import gwt.material.design.client.base.mixin.CssNameMixin;
+import gwt.material.design.client.base.mixin.StatusDisplayMixin;
 import gwt.material.design.client.constants.Axis;
-import gwt.material.design.client.constants.Color;
 import gwt.material.design.client.constants.StatusDisplayType;
 import gwt.material.design.client.js.Window;
 import gwt.material.design.client.ui.MaterialLoader;
 import gwt.material.design.client.ui.animate.MaterialAnimation;
 import gwt.material.design.client.ui.animate.Transition;
 import gwt.material.design.client.ui.html.Div;
 import gwt.material.design.client.ui.html.Span;
-import org.apache.regexp.RE;
 
 //@formatter:off
 
@@ -462,6 +461,11 @@ public StatusDisplayType getStatusDisplayType() {
         return getCurrentStep().getStatusDisplayType();
     }
 
+    @Override
+    public void updateStatusDisplay(StatusDisplayMixin.StatusType statusType) {
+        getCurrentStep().updateStatusDisplay(statusType);
+    }
+
     /**
      * Get feedback message.
      */

src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.css

@@ -854,4 +854,20 @@ ul.select2-results__options[aria-multiselectable=true] li.select2-results__optio
 .input-field.filled.combobox .select2-container--default .select2-selection--single .select2-selection__rendered {
     padding-left: 12px;
     padding-top: 4px
+}
+
+/** Focus **/
+.input-field.combobox .select2-container--focus .select2-selection {
+    border-bottom: 1px solid #42a5f5;
+    box-shadow: 0 1px 0 0 #42a5f5;
+}
+
+.input-field.outlined.combobox .select2-container--focus .select2-selection {
+    border: 2px solid #42a5f5;
+    box-shadow: none;
+}
+
+/** Hoverable Status **/
+.input-field.hoverable-status .select2-container--default .select2-selection--single .select2-selection__arrow {
+    display: none;
 }