Fix reset button, maximum rows, filtering by booleans in filters (#4100)

* Support boolean static values

* Max rows, reset button

* Max rows, reset button

locale/defaultMessages.json

@@ -1762,10 +1762,6 @@
   "AyQkmp": {
     "string": "Sorting by this column is not available"
   },
-  "AyW1j6": {
-    "context": "Clear filters button text",
-    "string": "Clear all fields"
-  },
   "AzMSmb": {
     "context": "caption",
     "string": "If enabled this attribute can be used as a column in product table."
@@ -7182,6 +7178,10 @@
   "nLML8Y": {
     "string": "Default Shipping Address"
   },
+  "nMojhT": {
+    "context": "Clear filters button text",
+    "string": "Reset"
+  },
   "nNeWAx": {
     "context": "dialog header",
     "string": "Delete Shipping Method"

src/components/ConditionalFilter/FiltersArea.tsx

@@ -19,6 +19,8 @@ interface FiltersAreaProps {
   onCancel?: () => void;
 }
 
+const MAX_VALUE_ITEMS = 12;
+
 export const FiltersArea: FC<FiltersAreaProps> = ({
   onConfirm,
   onCancel,
@@ -84,7 +86,10 @@ export const FiltersArea: FC<FiltersAreaProps> = ({
       locale={translations.locale}
     >
       <_ExperimentalFilters.Footer>
-        <_ExperimentalFilters.AddRowButton variant="tertiary">
+        <_ExperimentalFilters.AddRowButton
+          variant="tertiary"
+          disabled={value.length > MAX_VALUE_ITEMS}
+        >
           {translations.addFilter}
         </_ExperimentalFilters.AddRowButton>
         <Box display="flex" gap={3}>

src/components/ConditionalFilter/constants.ts

@@ -76,7 +76,7 @@ export const STATIC_OPTIONS: LeftOperand[] = [
   },
   {
     value: "giftCard",
-    label: "Has giftcard",
+    label: "Is giftcard",
     type: "giftCard",
     slug: "giftCard",
   },

src/components/ConditionalFilter/messages.tsx

@@ -17,8 +17,8 @@ export const conditionalFilterMessages = defineMessages({
     description: "Add filter button text",
   },
   clearFilters: {
-    defaultMessage: "Clear all fields",
+    defaultMessage: "Reset",
-    id: "AyW1j6",
+    id: "nMojhT",
     description: "Clear filters button text",
   },
   saveFilters: {

src/components/ConditionalFilter/queryVariables.ts

@@ -39,6 +39,10 @@ const createStaticQueryPart = (
     return { range: { lte, gte } };
   }
 
+  if (isItemOption(value) && ["true", "false"].includes(value.value)) {
+    return value.value === "true";
+  }
+
   if (isItemOption(value)) {
     return { eq: value.value };
   }