Ticket #43058: 43058.2.patch

wp-admin/js/theme-plugin-editor.js

@@ -73 +73 @@
                         }
                         return undefined;
                 } );
+
+                $( document ).on( 'keyup', '#plugin-files-search, #theme-files-search', component._searchFile );
         };
 
         /**
+         * Search file.
+         *
+         * @since 4.9.2
+         * @returns {void}
+         */
+        component._searchFile = function() {
+                var parent      = $( '#templateside' );
+                var directories = parent.find( 'ul ul li' );
+                var files       = parent.find( 'ul ul li a' );
+
+                // Expand all directories.
+                directories.attr( 'aria-expanded', true );
+
+                // Hide Directories. Becuase, Below we show those directories
+                // which have search term in the file name.
+                directories.hide();
+
+                // Search file and ONLY show these directories which "contain" the file name.
+                var rex = new RegExp( $( this ).val(), 'i' );
+                files.filter( function() {
+                        var file_name = $.trim( $( this ).text() ) || '';
+                        return rex.test( file_name );
+                } ).parents( 'li' ).show();
+        };
+        
+        /**
          * Set up and display the warning modal.
          *
          * @since 4.9.0

wp-admin/plugin-editor.php

@@ -239 +239 @@
 
 <div id="templateside">
         <h2 id="plugin-files-label"><?php _e( 'Plugin Files' ); ?></h2>
+        <input id="plugin-files-search" type="text" placeholder="<?php _e( 'Search file..' ); ?>">
 
         <?php
         $plugin_editable_files = array();

wp-admin/theme-editor.php

@@ -243 +243 @@
 ?>
 <div id="templateside">
         <h2 id="theme-files-label"><?php _e( 'Theme Files' ); ?></h2>
+        <input id="theme-files-search" type="text" placeholder="<?php _e( 'Search file..' ); ?>">
         <ul role="tree" aria-labelledby="theme-files-label">
                 <?php if ( ( $has_templates || $theme->parent() ) && $theme->parent() ) : ?>
                         <li class="howto">