From 390f26f5e438849ff1afd0efa093d2c21ec4cf2a Mon Sep 17 00:00:00 2001
From: Uladzislau_Kutarkin <uladzislau_kutarkin@epam.com>
Date: Wed, 28 Feb 2024 15:12:22 +0400
Subject: [PATCH] UIPQB-78: Query builder display if no records match the query

---
 CHANGELOG.md                                  |  1 +
 .../QueryBuilderModal/QueryBuilderModal.js    |  8 ++++++-
 .../ViewerHeadline/ViewerHeadline.js          | 21 ++++++++++++-------
 translations/ui-plugin-query-builder/en.json  |  1 +
 4 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 46d245f1..1c7e691a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
 * [UIPQB-80](https://issues.folio.org/browse/UIPQB-80) Add operators for NumberType and adjust operators for IntegerType.
 * [UIPQB-73](https://folio-org.atlassian.net/browse/UIPQB-73) Result Viewer shows current date if date column is not present.
 * [UIPQB-82](https://folio-org.atlassian.net/browse/UIPQB-82) [Query Builder] Support querying based on nested objects within arrays.
+* [UIPQB-78](https://folio-org.atlassian.net/browse/UIPQB-78) Query builder display if no records match the query
 
 ## [1.0.0](https://github.com/folio-org/ui-plugin-query-builder/tree/v1.0.0) (2023-10-12)
 
diff --git a/src/QueryBuilder/QueryBuilder/QueryBuilderModal/QueryBuilderModal.js b/src/QueryBuilder/QueryBuilder/QueryBuilderModal/QueryBuilderModal.js
index e1c71426..3de6e5c2 100644
--- a/src/QueryBuilder/QueryBuilder/QueryBuilderModal/QueryBuilderModal.js
+++ b/src/QueryBuilder/QueryBuilder/QueryBuilderModal/QueryBuilderModal.js
@@ -40,6 +40,7 @@ export const QueryBuilderModal = ({
   getParamsSource,
   recordsLimit,
   additionalControls,
+  canRunEmptyQuery,
 }) => {
   const intl = useIntl();
   const queryClient = useQueryClient();
@@ -160,11 +161,16 @@ export const QueryBuilderModal = ({
     }
   }, [source, isTestQueryInProgress]);
 
+  const isRunQueryDisabled = !isQueryRetrieved
+      || !isQueryFilled
+      || isRunQueryLoading
+      || (!canRunEmptyQuery && entityType?.columns);
+
   const renderFooter = () => (
     <ModalFooter>
       <Button
         buttonStyle="primary"
-        disabled={!isQueryRetrieved || !isQueryFilled || isRunQueryLoading}
+        disabled={isRunQueryDisabled}
         onClick={handleRun}
       >
         {getSaveBtnLabel()}
diff --git a/src/QueryBuilder/QueryBuilder/TestQuery/ViewerHeadline/ViewerHeadline.js b/src/QueryBuilder/QueryBuilder/TestQuery/ViewerHeadline/ViewerHeadline.js
index 2876b9ac..fcb5d211 100644
--- a/src/QueryBuilder/QueryBuilder/TestQuery/ViewerHeadline/ViewerHeadline.js
+++ b/src/QueryBuilder/QueryBuilder/TestQuery/ViewerHeadline/ViewerHeadline.js
@@ -7,13 +7,20 @@ import css from '../../../QueryBuilder.css';
 export const ViewerHeadline = memo(({ limit, total, isInProgress }) => {
   return (
     <>
-      <FormattedMessage
-        id="ui-plugin-query-builder.modal.preview.title"
-        values={{
-          total,
-          limit,
-        }}
-      />
+      {Boolean(total) || Boolean(limit) ?
+        <FormattedMessage
+          id="ui-plugin-query-builder.modal.preview.title.empty"
+          values={{ total }}
+        />
+        :
+        <FormattedMessage
+          id="ui-plugin-query-builder.modal.preview.title"
+          values={{
+            total,
+            limit,
+          }}
+        />
+            }
       {' '}
       {isInProgress && (
         <span className={css.AccordionHeaderLoading}>
diff --git a/translations/ui-plugin-query-builder/en.json b/translations/ui-plugin-query-builder/en.json
index 9a11ad52..dfb2e273 100644
--- a/translations/ui-plugin-query-builder/en.json
+++ b/translations/ui-plugin-query-builder/en.json
@@ -7,6 +7,7 @@
   "modal.query": "Query",
   "modal.test": "Test query",
   "modal.preview.title": "Query would return {total} records. Preview of first {limit} records.",
+  "modal.preview.title.empty": "Query would return {total} records.",
   "modal.preview.queryInProgress": "Test query in progress",
   "modal.preview.countingInProgress": "Counting in progress",
   "modal.banner.limit": "Warning: this query returns more records than the maximum allowed. Modify the query to limit your results.",