@kodaris/krubble-components 1.0.56 → 1.0.58

package/dist/krubble-components.umd.js

@@ -3019,6 +3019,7 @@
       greater_than_equal: { key: 'greater_than_equal', type: 'comparison', dataTypes: ['number', 'date'], label: 'Greater than or equal' },
       between: { key: 'between', type: 'range', dataTypes: ['number', 'date'], label: 'Between' },
       in: { key: 'in', type: 'list', dataTypes: ['string', 'number'], label: 'In' },
+      n_in: { key: 'n_in', type: 'list', dataTypes: ['string', 'number', 'date', 'boolean'], label: 'Not In' },
       empty: { key: 'empty', type: 'nil', dataTypes: ['string', 'number', 'date', 'boolean'], label: 'Empty' },
       n_empty: { key: 'n_empty', type: 'nil', dataTypes: ['string', 'number', 'date', 'boolean'], label: 'Not empty' },
   };
@@ -3351,6 +3352,14 @@
               };
               this.specificity = [getDateSpecificity(rawStart), getDateSpecificity(rawEnd)];
           }
+          else if (kql.startsWith('!(') && kql.endsWith(')')) {
+              this.operator = 'n_in';
+              this.text = kql.substring(2, kql.length - 1).trim();
+              this.value = this.text.split(',')
+                  .map(v => v.trim())
+                  .map(v => this._parse(v));
+              this.specificity = [getDateSpecificity(this.text)];
+          }
           else if (kql.startsWith('(') && kql.endsWith(')')) {
               this.operator = 'in';
               this.text = kql.substring(1, kql.length - 1).trim();
@@ -3397,7 +3406,7 @@
               this.value = null;
               this.text = '';
           }
-          else if (this.operator === 'in') {
+          else if (this.operator === 'in' || this.operator === 'n_in') {
               this.value = [];
               this.text = '';
           }
@@ -3415,7 +3424,7 @@
               this.value = null;
               this.text = '';
           }
-          else if (this.operator === 'in') {
+          else if (this.operator === 'in' || this.operator === 'n_in') {
               this.value = [];
               this.text = '';
           }
@@ -3482,14 +3491,14 @@
           if (this.operator === 'between') {
               return !this.value?.start && !this.value?.end;
           }
-          if (this.operator === 'in') {
+          if (this.operator === 'in' || this.operator === 'n_in') {
               return !this.value?.length;
           }
           return this.value === undefined || this.value === null || this.value === '';
       }
-      /** Returns true if the value array contains the given value. Only applies to 'in' operator. */
+      /** Returns true if the value array contains the given value. Only applies to 'in' and 'n_in' operators. */
       has(val) {
-          if (this.operator !== 'in' || !Array.isArray(this.value)) {
+          if ((this.operator !== 'in' && this.operator !== 'n_in') || !Array.isArray(this.value)) {
               return false;
           }
           // Bucket values from Solr arrive as strings ("true"/"false") but
@@ -3504,9 +3513,9 @@
           }
           return this.value.indexOf(val) >= 0;
       }
-      /** Adds or removes a value from the 'in' list and rebuilds text/kql. */
+      /** Adds or removes a value from the 'in' or 'n_in' list and rebuilds text/kql. */
       toggle(val) {
-          if (this.operator !== 'in') {
+          if (this.operator !== 'in' && this.operator !== 'n_in') {
               this.setOperator('in');
           }
           // Bucket values from Solr arrive as strings ("true"/"false") —
@@ -3545,8 +3554,8 @@
           if (this.operator === 'n_empty') {
               return true;
           }
-          // For 'in' operator, valid as long as there's at least one value (including null for empty buckets)
-          if (this.operator === 'in') {
+          // For 'in'/'n_in' operator, valid as long as there's at least one value (including null for empty buckets)
+          if (this.operator === 'in' || this.operator === 'n_in') {
               return Array.isArray(this.value) && this.value.length > 0;
           }
           if (this.type === 'date') {
@@ -3690,6 +3699,18 @@
                       data.value = termify(this.value, true);
                   }
                   break;
+              case 'n_in':
+                  if (Array.isArray(this.value) && this.value.length > 0) {
+                      data.operation = 'EXPRESSION';
+                      data.not = true;
+                      data.value = `(${this.value.map((v) => termify(v, true)).join(' OR ')})`;
+                  }
+                  else {
+                      data.operation = 'EXPRESSION';
+                      data.not = true;
+                      data.value = termify(this.value, true);
+                  }
+                  break;
               default:
                   data.operation = 'EXPRESSION';
                   data.value = termify(this.value, true);
@@ -3784,6 +3805,11 @@
                   params.operation = 'IN';
                   params.values = this.value ?? [];
                   break;
+              case 'n_in':
+                  params.operation = 'IN';
+                  params.not = true;
+                  params.values = this.value ?? [];
+                  break;
               default:
                   throw Error(`${this.operator} operator not supported by db params.`);
           }
@@ -3800,7 +3826,7 @@
           if (this.operator === 'between') {
               this.text = `${this._format(this.value?.start)} - ${this._format(this.value?.end)}`;
           }
-          else if (this.operator === 'in') {
+          else if (this.operator === 'in' || this.operator === 'n_in') {
               this.text = this.value.map((v) => this._format(v)).join(',');
           }
           else {
@@ -4014,6 +4040,9 @@
               case 'in':
                   this.kql = `(${this.value.map((v) => this._format(v)).join(',')})`;
                   break;
+              case 'n_in':
+                  this.kql = `!(${this.value.map((v) => this._format(v)).join(',')})`;
+                  break;
               default:
                   throw Error(`Unknown operator ${this.operator}`);
           }
@@ -4149,6 +4178,7 @@
               if (this.def.rowHref) {
                   this._model.rowHref = this.def.rowHref;
               }
+              this._sorts = [];
               this._model.columns = this.def.columns.map(col => {
                   const column = {
                       ...col,
@@ -4157,6 +4187,12 @@
                   if (!column.type) {
                       column.type = 'string';
                   }
+                  if (col.sort) {
+                      this._sorts.push({
+                          sortBy: col.id,
+                          sortDirection: col.sort
+                      });
+                  }
                   if (column.type === 'actions') {
                       column.label = col.label ?? '';
                       column.sticky = 'right';
@@ -4265,7 +4301,7 @@
                   continue;
               }
               const filterData = col.filter.toSolrData();
-              if (col.facetable && col.filter.operator === 'in') {
+              if (col.facetable && (col.filter.operator === 'in' || col.filter.operator === 'n_in')) {
                   filterData.tagged = true;
               }
               request.filterFields.push(filterData);
@@ -4417,7 +4453,7 @@
                   }
               }
               // Bucket sync: ensure selected values appear even with 0 results
-              if (col.filter && col.filter.operator === 'in' && Array.isArray(col.filter.value)) {
+              if (col.filter && (col.filter.operator === 'in' || col.filter.operator === 'n_in') && Array.isArray(col.filter.value)) {
                   for (const selectedVal of col.filter.value) {
                       if (!buckets.some(b => b.val === selectedVal)) {
                           buckets.push({
@@ -5091,7 +5127,7 @@
         />
       `;
           }
-          else if (column.filter.operator === 'in') {
+          else if (column.filter.operator === 'in' || column.filter.operator === 'n_in') {
               valueInput = b `
         <textarea
           class="filter-panel__textarea"