@unipin/angular-applet 18.9.4 → 18.9.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "18.9.4",
+  "version": "18.9.5",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package/projects/unipin-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "18.9.4",
+  "version": "18.9.5",
   "sideEffects": false,
   "homepage": "https://backoffice.unipin.com/",
   "description": "Angular specific wrappers for UniPin applet",

package/projects/unipin-angular/src/lib/components/filter/filter.component.html

@@ -72,6 +72,7 @@
                                     [searchable]="true"
                                     [items]="c.options!"
                                     [multiple]="c.multiple || false"
+                                    [groupBy]="c.groupBy || ''"
                                 /> 
                             }
 

package/projects/unipin-angular/src/lib/components/filter/interfaces/filter-field.interface.ts

@@ -70,4 +70,11 @@ export interface FilterField {
    * @type {string}
    */
   max?: string;
+
+  /**
+   * Property to group options for select-like fields (select, searchable-select, checkbox).
+   * It allows to group options by a specified field.
+   * @type {string}
+   */
+  groupBy?: string;
 }

package/projects/unipin-angular/src/lib/components/forms/select/form-select.component.html

@@ -16,6 +16,7 @@
     [appendTo]="appendTo"
     [clearable]="clearable"
     [searchable]="searchable"
+    [groupBy]="groupBy"
     (change)="change($event);"
 />
 

package/projects/unipin-angular/src/lib/components/forms/select/form-select.component.ts

@@ -108,6 +108,13 @@ export class FormSelectComponent implements ControlValueAccessor, Validator {
    */
   @Input() public appendTo: string = '';
 
+  /**
+   * Input variable specifying how to group the items in the select input.
+   * @type {string}
+   * @default ''
+   */
+  @Input() public groupBy: string = '';
+
   /**
    * Boolean flag indicating whether the select input has been touched.
    * @type {boolean}