hiding info icon as per extensions support

Author: rajatkhurana-adobe

bundles/af-core/src/main/java/com/adobe/cq/forms/core/components/internal/models/v3/form/FileInputImplV3.java

@@ -70,6 +70,12 @@ public String getDragDropText() {
 
     @Override
     public List<String> getAcceptExtensions() {
+        // adding . in front of the accept extensions
+        if (acceptExtensions != null) {
+            for (int i = 0; i < acceptExtensions.length; i++) {
+                acceptExtensions[i] = "." + acceptExtensions[i];
+            }
+        }
         return Optional.ofNullable(acceptExtensions)
             .map(Arrays::asList)
             .orElse(Collections.emptyList());

ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/fileinput/v3/fileinput/_cq_dialog/.content.xml

@@ -103,6 +103,7 @@
                                                     jcr:primaryType="nt:unstructured"
                                                     sling:resourceType="fd/af/authoring/components/granite/form/formsmultifield"
                                                     fieldLabel="Allowed file types"
+                                                    fieldDescription="This field got disabled as the allowed file extensions are specified."
                                                     defaultValue="">
                                                 <field
                                                         name="./accept"

ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/fileinput/v3/fileinput/clientlibs/editor/js/editDialog.js

@@ -24,6 +24,7 @@
         let mimeTypeWrapper = dialog.find(FILEINPUT_MIMETYPE);
         let mimeTypeField = mimeTypeWrapper.find("coral-multifield");
         let extensionsField = dialog.find(FILEINPUT_EXTENSIONS + " coral-multifield");
+        let mimeTypeFieldInfoIcon = mimeTypeWrapper.find('coral-icon.coral-Form-fieldinfo');
 
         function updateMimeTypeState() {
             let hasExtensions = extensionsField.find('coral-multifield-item').length > 0;
@@ -44,11 +45,26 @@
             if (hasExtensions) {
                 // Keep first item, remove others
                 let firstItem = mimeTypeField.find('coral-multifield-item').first();
+
+                // If no first item exists, create one
+                if (firstItem.length === 0) {
+                    // Click the add button to create a new item
+                    mimeTypeField.find('button[coral-multifield-add]').click();
+                    firstItem = mimeTypeField.find('coral-multifield-item').first();
+                }
+
                 mimeTypeField.find('coral-multifield-item:not(:first)').remove();
 
                 // Set value of first item to */*
                 firstItem.find('input').val('*/*');
             }
+
+            if(mimeTypeFieldInfoIcon.length > 0) {
+                // show the info icon
+                mimeTypeFieldInfoIcon.css({
+                    'display': hasExtensions ? '' : 'none'
+                });
+            }
         }
 
         // Watch for changes in both fields