Simplified PR to a JS only approach

Author: Gabriel Galvao da Gama

app/code/Magento/Ui/Component/UrlFilterApplier.php

@@ -62,5 +62,4 @@
     <xs:include schemaLocation="urn:magento:module:Magento_Ui:view/base/ui_component/etc/definition/exportButton.xsd"/>
     <xs:include schemaLocation="urn:magento:module:Magento_Ui:view/base/ui_component/etc/definition/listingToolbar.xsd"/>
     <xs:include schemaLocation="urn:magento:module:Magento_Ui:view/base/ui_component/etc/definition/dataProvider.xsd"/>
-    <xs:include schemaLocation="urn:magento:module:Magento_Ui:view/base/ui_component/etc/definition/urlFilterApplier.xsd"/>
 </xs:schema>

app/code/Magento/Ui/etc/ui_components.xsd

@@ -107,7 +107,6 @@
             <xs:element ref="text" maxOccurs="unbounded"/>
             <xs:element ref="textarea" maxOccurs="unbounded"/>
             <xs:element ref="wysiwyg" maxOccurs="unbounded"/>
-            <xs:element ref="urlFilterApplier" maxOccurs="unbounded" />
         </xs:choice>
     </xs:group>
     <xs:group name="fieldsetElements">
@@ -207,7 +206,6 @@
             <xs:element ref="text" maxOccurs="unbounded"/>
             <xs:element ref="textarea" maxOccurs="unbounded"/>
             <xs:element ref="wysiwyg" maxOccurs="unbounded"/>
-            <xs:element ref="urlFilterApplier" maxOccurs="unbounded" />
         </xs:choice>
     </xs:group>
 
@@ -826,12 +824,4 @@
             </xs:documentation>
         </xs:annotation>
     </xs:element>
-    <xs:element name="urlFilterApplier" type="componentUrlFilterApplier">
-        <xs:annotation>
-            <xs:documentation>
-                The Url Filter Applier component retrieves the values from the "filters" GET parameter and applies it
-                to the grid.
-            </xs:documentation>
-        </xs:annotation>
-    </xs:element>
 </xs:schema>

app/code/Magento/Ui/etc/ui_configuration.xsd

@@ -77,7 +77,6 @@
             <xs:element name="wysiwyg" type="componentWysiwyg"/>
             <xs:element name="inlineEditing" type="componentInlineEditing"/>
             <xs:element name="urlInput" type="componentUrlInput"/>
-            <xs:element name="urlFilterApplier" type="componentUrlFilterApplier" />
         </xs:choice>
     </xs:complexType>
 </xs:schema>

app/code/Magento/Ui/etc/ui_definition.xsd

@@ -499,7 +499,6 @@
             </argument>
         </schema>
     </component>
-    <component name="urlFilterApplier" include="uiElementSettings"/>
     <component name="filterSearch" include="uiElementSettings">
         <schema name="current">
             <argument name="data" xsi:type="array">

app/code/Magento/Ui/view/base/ui_component/etc/definition.map.xml

@@ -284,5 +284,4 @@
     </dynamicRows>
     <htmlContent class="Magento\Ui\Component\HtmlContent" component="Magento_Ui/js/form/components/html"/>
     <button class="Magento\Ui\Component\Container" component="Magento_Ui/js/form/components/button"/>
-    <urlFilterApplier class="Magento\Ui\Component\UrlFilterApplier" component="Magento_Ui/js/grid/url-filter-applier" />
 </components>

app/code/Magento/Ui/view/base/ui_component/etc/definition.xml

@@ -12,7 +12,7 @@ define([
     return Component.extend({
         defaults: {
             filterProvider: 'componentType = filters, ns = ${ $.ns }',
-            filters: null,
+            filterKey: 'filters',
             modules: {
                 filterComponent: '${ $.filterProvider }',
             }
@@ -34,14 +34,40 @@ define([
          * Apply filter
          */
         apply: function () {
+            var urlFilter = this.getFilterParam();
+
             if (_.isUndefined(this.filterComponent())) {
                 setTimeout(function () {this.apply()}.bind(this), 100);
             } else {
-                if (!_.isNull(this.filters)) {
-                    this.filterComponent().setData(this.filters, false);
-                    this.filterComponent().apply();
-                }
+                 if (Object.keys(urlFilter).length) {
+                     this.filterComponent().setData(urlFilter, false);
+                     this.filterComponent().apply();
+                 }
             }
+        },
+
+        /**
+         * Get filter param from url
+         *
+         * @returns {Object}
+         */
+        getFilterParam: function () {
+            var searchString = decodeURI(location.search);
+
+            return _.chain(searchString.slice(1).split('&'))
+                .map(function (item) {
+                    if (item && item.search(this.filterKey) !== -1) {
+                        var itemArray = item.split('=');
+
+                        itemArray[0] = itemArray[0].replace(this.filterKey, '')
+                                .replace(/[\[\]]/g, '');
+
+                        return itemArray
+                    }
+                }.bind(this))
+                .compact()
+                .object()
+                .value();
         }
     });
 });