@dile/crud 2.5.6 → 2.5.7

package/components/crud/crud.spec.js

@@ -90,4 +90,45 @@ describe('dile-crud initial filters', () => {
     expect(el.listElement.filters[0].active).toBe(false);
     expect(el.listElement.filters[0].value).toBe('');
   });
+
+  it('keeps an inactive select filter inactive when config uses the false sentinel', async () => {
+    const config = new CrudConfigBuilder('https://example.test/api/countries', {
+      customization: {
+        disableInsert: true,
+        disableHelp: true,
+        disableKeywordSearch: true,
+        disableSort: true,
+        disableFilter: false,
+        disablePagination: true,
+        hideCheckboxSelection: true,
+      },
+      availableFilters: [
+        {
+          name: 'continent',
+          label: 'Continent',
+          active: false,
+          value: false,
+          type: 'select',
+          options: [
+            { value: 'Europe', label: 'Europe' },
+            { value: 'Asia', label: 'Asia' },
+          ],
+        },
+      ],
+    }).getConfig();
+
+    const el = document.createElement('dile-crud');
+    el.config = config;
+    document.body.appendChild(el);
+    await el.updateComplete;
+    await Promise.resolve();
+
+    expect(el.listElement.filters).toHaveLength(0);
+
+    const filtersForm = el.shadowRoot
+      .querySelector('dile-crud-filters')
+      .shadowRoot.querySelector('dile-crud-filters-form');
+    const select = filtersForm.shadowRoot.querySelector('dile-select');
+    expect(select.value).toBe('');
+  });
 });

package/components/ui/src/DileCrudFiltersForm.js

@@ -43,7 +43,7 @@ export class DileCrudFiltersForm extends DileFormChangeDetect(DileForm(LitElemen
     switch (filter.type) {
       case 'select':
         return html`
-            <dile-select label="${filter.label}" name="${filter.name}" value="${filter.value ?? ''}">
+            <dile-select label="${filter.label}" name="${filter.name}" value="${filter.value || ''}">
                 <select slot="select">
                     <option value="">-</option>
                     ${filter.options.map(option => html`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "2.5.6",
+  "version": "2.5.7",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "type": "module",
@@ -32,5 +32,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d62c55983a8fcdf7b1a4cb2b6da64d4d1e30b9c6"
+  "gitHead": "71da804b9b5ddb1e5d9c29b66b30eb8c2e7a6a90"
 }