@1024pix/pix-ui 55.21.2 → 55.22.0

package/addon/components/pix-multi-select.js

@@ -1,3 +1,4 @@
+import { warn } from '@ember/debug';
 import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
 import Component from '@glimmer/component';
@@ -21,6 +22,18 @@ export default class PixMultiSelect extends Component {
   @tracked isExpanded = false;
   @tracked searchData;
 
+  constructor(...args) {
+    super(...args);
+
+    warn(
+      `PixMultiSelect: @strictSearch is deprecated in favour of @onSearch`,
+      !this.args.strictSearch,
+      {
+        id: 'pix-ui.pix-multi-select.strictSearch.deprecated',
+      },
+    );
+  }
+
   get options() {
     return [...(this.args.options || [])];
   }
@@ -139,9 +152,13 @@ export default class PixMultiSelect extends Component {
 
   @action
   updateSearch(event) {
-    this.searchData = this.args.strictSearch
-      ? event.target.value
-      : removeCapitalizeAndDiacritics(event.target.value);
+    if (this.args.onSearch) {
+      this.args.onSearch(event.target.value);
+    } else {
+      this.searchData = this.args.strictSearch
+        ? event.target.value
+        : removeCapitalizeAndDiacritics(event.target.value);
+    }
     this.isExpanded = true;
   }
 

package/addon/components/pix-select-list.js

@@ -1,22 +1,21 @@
 import Component from '@glimmer/component';
 
 export default class PixSelectList extends Component {
-  constructor(...args) {
-    super(...args);
-
-    const categories = [];
+  get categories() {
+    const uniqueCategories = new Set(
+      ...this.args.options.map((option) => option.category).filter(Boolean),
+    );
+    return Array.from(uniqueCategories.values());
+  }
 
-    this.args.options.forEach((element) => {
-      if (!categories.includes(element.category) && element.category !== undefined) {
-        categories.push(element.category);
-      }
-    });
-    this.displayCategory = categories.length > 0;
+  get displayCategory() {
+    return this.categories.length > 0;
   }
 
   get isDefaultOptionHidden() {
     return !this.args.isExpanded || this.args.hideDefaultOption;
   }
+
   get results() {
     const results = [];
     let options = this.args.options;

package/addon/components/pix-select.js

@@ -100,6 +100,10 @@ export default class PixSelect extends Component {
 
   @action
   setSearchValue(event) {
+    if (this.args.onSearch) {
+      this.args.onSearch(event.target.value);
+      return;
+    }
     this.searchValue = event.target.value.trim();
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/pix-ui",
-  "version": "55.21.2",
+  "version": "55.22.0",
   "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
   "keywords": [
     "ember-addon"