chore: Rewrite logic for activeColumns

Author: jissereitsma

view/adminhtml/templates/script/component-partial/columns-selector-component-partial.phtml

@@ -10,29 +10,23 @@ use Magento\Framework\View\Element\Template;
 <script>
     const LokiAdminColumnsSelectorComponentPartial = {
         activeColumns: null,
-        initActiveColumns() {
-            this.activeColumns = new Set();
-            if (Array.isArray(this.columns)) {
-                this.columns.forEach(column => {
-                    this.activeColumns.add(column.code);
-                })
-            }
-        },
         isColumnActive() {
             const columnName = this.$el.getAttribute('data-column');
-            return this.activeColumns.has(columnName);
+            return this.activeColumns.includes(columnName);
         },
         showColumnsSelector: false,
         toggleColumnsSelector() {
             this.showColumnsSelector = !this.showColumnsSelector;
         },
         toggleActiveColumn() {
             const columnName = this.$el.getAttribute('data-column');
-            if (this.activeColumns.has(columnName)) {
-                this.activeColumns.delete(columnName);
+            if (this.activeColumns.includes(columnName)) {
+                this.activeColumns = this.activeColumns.filter(item => item !== columnName);
             } else {
-                this.activeColumns.add(columnName);
+                this.activeColumns.push(columnName);
             }
+
+            this.post({activeColumns: this.activeColumns});
         }
     }
 </script>