[CPT-1479] Enable select clear button for the qb

toptal · Jan 10, 2024 · d9c4e10 · d9c4e10
1 parent 7869a22
commit d9c4e10
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/few-buckets-knock.md b/.changeset/few-buckets-knock.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso-query-builder': minor
+---
+
+- add `enableReset` property for `multiselect` filter type
diff --git a/packages/picasso-query-builder/package.json b/packages/picasso-query-builder/package.json
@@ -23,7 +23,7 @@
     "url": "https://github.com/toptal/picasso/issues"
   },
   "peerDependencies": {
-    "@toptal/picasso": ">=38.0.0",
+    "@toptal/picasso": "^42.0.0",
     "react": ">=16.12.0 < 19.0.0",
     "react-dom": ">=16.12.0 < 19.0.0",
     "typescript": "~4.7.0"

diff --git a/packages/picasso-query-builder/src/MultiSelect/MultiSelect.tsx b/packages/picasso-query-builder/src/MultiSelect/MultiSelect.tsx
@@ -57,6 +57,7 @@ export const MultiSelect = ({
         value={values}
         status={hasError ? 'error' : undefined}
         data-testid={valueEditorTestId}
+        enableReset={fieldData?.enableReset}
         enableResetSearch={fieldData?.enableResetSearch}
       />
     </Container>

diff --git a/packages/picasso-query-builder/src/QueryBuilder/story/Default.example.tsx b/packages/picasso-query-builder/src/QueryBuilder/story/Default.example.tsx
@@ -200,6 +200,7 @@ const fields: Field[] = [
     label: 'Also plays',
     valueEditorType: 'multiselect',
     enableResetSearch: true,
+    enableReset: true,
     values: musicalInstruments,
     defaultValue: 'More cowbell',
   },

diff --git a/packages/picasso-query-builder/src/types/query-builder.ts b/packages/picasso-query-builder/src/types/query-builder.ts
@@ -41,6 +41,7 @@ interface MultiSelectField
    * Allow search input reset
    */
   enableResetSearch?: boolean
+  enableReset?: boolean
 }
 
 interface AutoCompleteField