package info.magnolia.ui.field;
   
   import java.util.Arrays;
   import java.util.List;
   
   import com.vaadin.annotations.JavaScript;
   import com.vaadin.server.AbstractClientConnector;
   import com.vaadin.server.AbstractJavaScriptExtension;
   import com.vaadin.ui.Component;
  
  /**
   * Helps applying additional styles to the form layout rows that contain certain complex fields,
   * see {@link FormRowOutliner#supportedTypes}. The respective client-side implementation
   * seeks for the table row element wrapping the form component and applies {@code .form-row-outlined} style to
   * it.
   *
   * In addition, the row preceding to the outline one gets the {@code .before-form-row-outlined}, which
   * is needed to overcome the margin/padding styling limitations of the table elements.
   *
   * Finally, the outlined component itself gets {@code .outlined} style name, so that additional rules can be
   * easily applied to it.
   */
  @JavaScript("formRowOutliner.js")
  public class FormRowOutliner extends AbstractJavaScriptExtension {
  
      private static final List<Class> supportedTypes = Arrays.asList(
              CompositeFieldDefinition.class,
              MultiFieldDefinition.class);
  
      public static void considerOutlining(Component component, EditorPropertyDefinition definition) {
          if (supportedTypes.stream().anyMatch(type -> type.isInstance(definition))) {
              new FormRowOutliner().extend((AbstractClientConnector) component);
              component.addStyleName("outlined");
          }
      }
  }