@operato/data-grist 2.0.0-alpha.134 → 2.0.0-alpha.137

package/src/filters/filters-form.ts

@@ -264,7 +264,12 @@ export class OxFiltersForm extends LitElement {
   }
 
   applyUpdatedConfiguration() {
+    if (!this.config) {
+      return
+    }
+
     const filters = this.config.columns.filter(columnConfig => !!columnConfig.filter)
+
     this.filterColumns = filters.filter((columnConfig: ColumnConfig) => {
       const filter = columnConfig.filter as FilterConfigObject
       return filter!.operator !== 'search'
@@ -274,7 +279,7 @@ export class OxFiltersForm extends LitElement {
       return filter!.operator === 'search'
     })
 
-    if (this.searchColumns.length > 0) {
+    if (this.searchColumns.length > 0 && !this.withoutSearch) {
       this.filterColumns.unshift({ name: 'search', filter: { type: 'search' } } as any)
     }
 

package/stories/accumulator-format.stories.ts

@@ -187,7 +187,8 @@ export default {
   argTypes: {
     config: { control: 'object' },
     mode: { control: 'select', options: ['GRID', 'LIST', 'CARD'] },
-    urlParamsSensitive: { control: 'boolean' }
+    urlParamsSensitive: { control: 'boolean' },
+    withoutSearch: { control: 'boolean' }
   }
 }
 
@@ -201,10 +202,17 @@ interface ArgTypes {
   config: object
   mode: string
   urlParamsSensitive: boolean
+  withoutSearch: boolean
   fetchHandler: object
 }
 
-const Template: Story<ArgTypes> = ({ config, mode = 'GRID', urlParamsSensitive = false, fetchHandler }: ArgTypes) =>
+const Template: Story<ArgTypes> = ({
+  config,
+  mode = 'GRID',
+  urlParamsSensitive = false,
+  withoutSearch = false,
+  fetchHandler
+}: ArgTypes) =>
   html` <link
       href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
       rel="stylesheet"
@@ -246,7 +254,7 @@ const Template: Story<ArgTypes> = ({ config, mode = 'GRID', urlParamsSensitive =
     >
       <div slot="headroom" class="header">
         <div class="filters">
-          <ox-filters-form autofocus></ox-filters-form>
+          <ox-filters-form ?without-search=${withoutSearch} autofocus></ox-filters-form>
           <ox-record-creator id="add" light-popup>
             <button><md-icon>add</md-icon></button>
           </ox-record-creator>

package/stories/grid-setting.stories.ts

@@ -347,6 +347,7 @@ export default {
     config: { control: 'object' },
     mode: { control: 'select', options: ['GRID', 'LIST', 'CARD'] },
     urlParamsSensitive: { control: 'boolean' },
+    withoutSearch: { control: 'boolean' },
     debug: { control: 'boolean' }
   }
 }
@@ -361,6 +362,7 @@ interface ArgTypes {
   config: object
   mode: 'GRID' | 'LIST' | 'CARD'
   urlParamsSensitive: boolean
+  withoutSearch: boolean
   fetchHandler: FetchHandler
   debug: boolean
 }
@@ -380,6 +382,7 @@ const Template: Story<ArgTypes> = ({
   config,
   mode = 'GRID',
   urlParamsSensitive = false,
+  withoutSearch = false,
   debug = false,
   fetchHandler
 }: ArgTypes) =>
@@ -432,7 +435,7 @@ const Template: Story<ArgTypes> = ({
     >
       <div slot="headroom">
         <div id="filters">
-          <ox-filters-form autofocus>
+          <ox-filters-form autofocus ?without-search=${withoutSearch}>
             <ox-grist-filter-personalizer slot="setting"></ox-grist-filter-personalizer>
           </ox-filters-form>
         </div>