Added invoice search + reformatted invoices page BOD-123

client/src/components/invoices-by-vendor-list/invoices-by-vendor-list.component.jsx

@@ -1,159 +1,161 @@
-import React, { useState } from "react";
-import { QUERY_INVOICES_BY_VENDOR_PAGINATED } from "../../graphql/invoices.queries";
-import { useQuery } from "@apollo/react-hooks";
-import queryString from "query-string";
-import { useHistory, useLocation } from "react-router-dom";
-import { Table, Input } from "antd";
-import { useTranslation } from "react-i18next";
-import { alphaSort } from "../../utils/sorters";
-import AlertComponent from "../alert/alert.component";
-import { DateFormatter } from "../../utils/DateFormatter";
-import CurrencyFormatter from "../../utils/CurrencyFormatter";
+//DEPRECATED.
 
-export default function InvoicesByVendorList() {
-  const search = queryString.parse(useLocation().search);
-  const history = useHistory();
-  const { page, sortcolumn, sortorder } = search;
+// import React, { useState } from "react";
+// import { QUERY_INVOICES_BY_VENDOR_PAGINATED } from "../../graphql/invoices.queries";
+// import { useQuery } from "@apollo/react-hooks";
+// import queryString from "query-string";
+// import { useHistory, useLocation } from "react-router-dom";
+// import { Table, Input } from "antd";
+// import { useTranslation } from "react-i18next";
+// import { alphaSort } from "../../utils/sorters";
+// import AlertComponent from "../alert/alert.component";
+// import { DateFormatter } from "../../utils/DateFormatter";
+// import CurrencyFormatter from "../../utils/CurrencyFormatter";
 
-  const { loading, error, data } = useQuery(
-    QUERY_INVOICES_BY_VENDOR_PAGINATED,
-    {
-      variables: {
-        vendorId: search.vendorid,
-        offset: page ? (page - 1) * 25 : 0,
-        limit: 25,
-        order: [
-          {
-            [sortcolumn || "date"]: sortorder
-              ? sortorder === "descend"
-                ? "desc"
-                : "asc"
-              : "desc",
-          },
-        ],
-      },
-      skip: !!!search.vendorid,
-    }
-  );
+// export default function InvoicesByVendorList() {
+//   const search = queryString.parse(useLocation().search);
+//   const history = useHistory();
+//   const { page, sortcolumn, sortorder } = search;
 
-  const { t } = useTranslation();
+//   const { loading, error, data } = useQuery(
+//     QUERY_INVOICES_BY_VENDOR_PAGINATED,
+//     {
+//       variables: {
+//         vendorId: search.vendorid,
+//         offset: page ? (page - 1) * 25 : 0,
+//         limit: 25,
+//         order: [
+//           {
+//             [sortcolumn || "date"]: sortorder
+//               ? sortorder === "descend"
+//                 ? "desc"
+//                 : "asc"
+//               : "desc",
+//           },
+//         ],
+//       },
+//       skip: !!!search.vendorid,
+//     }
+//   );
 
-  const [state, setState] = useState({
-    sortedInfo: {},
-    search: "",
-  });
+//   const { t } = useTranslation();
 
-  const handleTableChange = (pagination, filters, sorter) => {
-    setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
-    search.page = pagination.current;
-    search.sortcolumn = sorter.columnKey;
-    search.sortorder = sorter.order;
-    history.push({ search: queryString.stringify(search) });
-  };
+//   const [state, setState] = useState({
+//     sortedInfo: {},
+//     search: "",
+//   });
 
-  const handleOnRowClick = (record) => {
-    if (record) {
-      if (record.id) {
-        search.invoiceid = record.id;
-        history.push({ search: queryString.stringify(search) });
-      }
-    } else {
-      delete search.invoiceid;
-      history.push({ search: queryString.stringify(search) });
-    }
-  };
+//   const handleTableChange = (pagination, filters, sorter) => {
+//     setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
+//     search.page = pagination.current;
+//     search.sortcolumn = sorter.columnKey;
+//     search.sortorder = sorter.order;
+//     history.push({ search: queryString.stringify(search) });
+//   };
 
-  const columns = [
-    {
-      title: t("invoices.fields.invoice_number"),
-      dataIndex: "invoice_number",
-      key: "invoice_number",
-      sorter: (a, b) => alphaSort(a.invoice_number, b.invoice_number),
-      sortOrder:
-        state.sortedInfo.columnKey === "invoice_number" &&
-        state.sortedInfo.order,
-    },
-    {
-      title: t("invoices.fields.date"),
-      dataIndex: "date",
-      key: "date",
+//   const handleOnRowClick = (record) => {
+//     if (record) {
+//       if (record.id) {
+//         search.invoiceid = record.id;
+//         history.push({ search: queryString.stringify(search) });
+//       }
+//     } else {
+//       delete search.invoiceid;
+//       history.push({ search: queryString.stringify(search) });
+//     }
+//   };
 
-      sorter: (a, b) => a.date - b.date,
-      sortOrder:
-        state.sortedInfo.columnKey === "date" && state.sortedInfo.order,
-      render: (text, record) => <DateFormatter>{record.date}</DateFormatter>,
-    },
-    {
-      title: t("invoices.fields.total"),
-      dataIndex: "total",
-      key: "total",
+//   const columns = [
+//     {
+//       title: t("invoices.fields.invoice_number"),
+//       dataIndex: "invoice_number",
+//       key: "invoice_number",
+//       sorter: (a, b) => alphaSort(a.invoice_number, b.invoice_number),
+//       sortOrder:
+//         state.sortedInfo.columnKey === "invoice_number" &&
+//         state.sortedInfo.order,
+//     },
+//     {
+//       title: t("invoices.fields.date"),
+//       dataIndex: "date",
+//       key: "date",
 
-      sorter: (a, b) => a.total - b.total,
-      sortOrder:
-        state.sortedInfo.columnKey === "total" && state.sortedInfo.order,
-      render: (text, record) => (
-        <CurrencyFormatter>{record.total}</CurrencyFormatter>
-      ),
-    },
-  ];
+//       sorter: (a, b) => a.date - b.date,
+//       sortOrder:
+//         state.sortedInfo.columnKey === "date" && state.sortedInfo.order,
+//       render: (text, record) => <DateFormatter>{record.date}</DateFormatter>,
+//     },
+//     {
+//       title: t("invoices.fields.total"),
+//       dataIndex: "total",
+//       key: "total",
 
-  const handleSearch = (e) => {
-    setState({ ...state, search: e.target.value });
-  };
+//       sorter: (a, b) => a.total - b.total,
+//       sortOrder:
+//         state.sortedInfo.columnKey === "total" && state.sortedInfo.order,
+//       render: (text, record) => (
+//         <CurrencyFormatter>{record.total}</CurrencyFormatter>
+//       ),
+//     },
+//   ];
 
-  const dataSource = state.search
-    ? data.invoices.filter(
-        (i) =>
-          (i.invoice_number || "")
-            .toLowerCase()
-            .includes(state.search.toLowerCase()) ||
-          (i.amount || "").toString().includes(state.search)
-      )
-    : (data && data.invoices) || [];
+//   const handleSearch = (e) => {
+//     setState({ ...state, search: e.target.value });
+//   };
 
-  if (error) return <AlertComponent message={error.message} type='error' />;
+//   const dataSource = state.search
+//     ? data.invoices.filter(
+//         (i) =>
+//           (i.invoice_number || "")
+//             .toLowerCase()
+//             .includes(state.search.toLowerCase()) ||
+//           (i.amount || "").toString().includes(state.search)
+//       )
+//     : (data && data.invoices) || [];
 
-  return (
-    <Table
-      loading={loading}
-      title={() => {
-        return (
-          <div>
-            <Input
-              value={state.search}
-              onChange={handleSearch}
-              placeholder={t("general.labels.search")}
-              allowClear
-            />
-          </div>
-        );
-      }}
-      dataSource={dataSource}
-      size='small'
-      scroll={{ x: true }}
-      pagination={{
-        position: "top",
-        pageSize: 25,
-        current: parseInt(page || 1),
-        total: data ? data.invoices_aggregate.aggregate.count : 0,
-      }}
-      columns={columns}
-      rowKey='id'
-      onChange={handleTableChange}
-      rowSelection={{
-        onSelect: (record) => {
-          handleOnRowClick(record);
-        },
-        selectedRowKeys: [search.invoiceid],
-        type: "radio",
-      }}
-      onRow={(record, rowIndex) => {
-        return {
-          onClick: (event) => {
-            handleOnRowClick(record);
-          }, // click row
-        };
-      }}
-    />
-  );
-}
+//   if (error) return <AlertComponent message={error.message} type='error' />;
+
+//   return (
+//     <Table
+//       loading={loading}
+//       title={() => {
+//         return (
+//           <div>
+//             <Input
+//               value={state.search}
+//               onChange={handleSearch}
+//               placeholder={t("general.labels.search")}
+//               allowClear
+//             />
+//           </div>
+//         );
+//       }}
+//       dataSource={dataSource}
+//       size='small'
+//       scroll={{ x: true }}
+//       pagination={{
+//         position: "top",
+//         pageSize: 25,
+//         current: parseInt(page || 1),
+//         total: data ? data.invoices_aggregate.aggregate.count : 0,
+//       }}
+//       columns={columns}
+//       rowKey='id'
+//       onChange={handleTableChange}
+//       rowSelection={{
+//         onSelect: (record) => {
+//           handleOnRowClick(record);
+//         },
+//         selectedRowKeys: [search.invoiceid],
+//         type: "radio",
+//       }}
+//       onRow={(record, rowIndex) => {
+//         return {
+//           onClick: (event) => {
+//             handleOnRowClick(record);
+//           }, // click row
+//         };
+//       }}
+//     />
+//   );
+// }

client/src/components/invoices-list-table/invoices-list-table.component.jsx

@@ -94,7 +94,8 @@ export function InvoicesListTableComponent({
       render: (text, record) => (
         <div>
           <Link
-            to={`/manage/invoices?invoiceid=${record.id}&vendorid=${record.vendorid}`}>
+            to={`/manage/invoices?invoiceid=${record.id}&vendorid=${record.vendorid}`}
+          >
             <Button>{t("invoices.actions.edit")}</Button>
           </Link>
           <Button
@@ -119,7 +120,8 @@ export function InvoicesListTableComponent({
                   isReturn: true,
                 },
               })
-            }>
+            }
+          >
             {t("invoices.actions.return")}
           </Button>
         </div>
@@ -243,11 +245,11 @@ export function InvoicesListTableComponent({
           </Descriptions.Item>
         </Descriptions>
         <Table
-          size='small'
+          size="small"
           scroll={{ x: "50%", y: "40rem" }}
           pagination={{ position: "top", defaultPageSize: 25 }}
           columns={columns}
-          rowKey='id'
+          rowKey="id"
           dataSource={record.invoicelines}
         />
       </div>
@@ -261,37 +263,45 @@ export function InvoicesListTableComponent({
       </Typography.Title>
       <Table
         loading={loading}
-        size='small'
+        size="small"
         title={() => (
-          <div className='imex-table-header'>
+          <div className="imex-table-header">
             <Button onClick={() => refetch()}>
               <SyncOutlined />
             </Button>
-            <Button
-              onClick={() => {
-                setInvoiceEnterContext({
-                  actions: { refetch: invoicesQuery.refetch },
-                  context: {
-                    job,
-                  },
-                });
-              }}>
-              {t("jobs.actions.postInvoices")}
-            </Button>
-            <Button
-              onClick={() => {
-                setReconciliationContext({
-                  actions: { refetch: invoicesQuery.refetch },
-                  context: {
-                    job,
-                    invoices:
-                      (invoicesQuery.data && invoicesQuery.data.invoices) || [],
-                  },
-                });
-              }}>
-              {t("jobs.actions.reconcile")}
-            </Button>{" "}
-            <div className='imex-table-header__search'>
+            {job ? (
+              <div>
+                <Button
+                  onClick={() => {
+                    setInvoiceEnterContext({
+                      actions: { refetch: invoicesQuery.refetch },
+                      context: {
+                        job,
+                      },
+                    });
+                  }}
+                >
+                  {t("jobs.actions.postInvoices")}
+                </Button>
+                <Button
+                  onClick={() => {
+                    setReconciliationContext({
+                      actions: { refetch: invoicesQuery.refetch },
+                      context: {
+                        job,
+                        invoices:
+                          (invoicesQuery.data && invoicesQuery.data.invoices) ||
+                          [],
+                      },
+                    });
+                  }}
+                >
+                  {t("jobs.actions.reconcile")}
+                </Button>
+              </div>
+            ) : null}
+
+            <div className="imex-table-header__search">
               <Input.Search
                 placeholder={t("general.labels.search")}
                 onChange={(e) => {
@@ -305,7 +315,7 @@ export function InvoicesListTableComponent({
         expandedRowRender={rowExpander}
         pagination={{ position: "top", defaultPageSize: 25 }}
         columns={columns}
-        rowKey='id'
+        rowKey="id"
         dataSource={invoices}
         onChange={handleTableChange}
         expandable={{

client/src/graphql/invoices.queries.js

@@ -11,13 +11,27 @@ export const INSERT_NEW_INVOICE = gql`
 `;
 
 export const QUERY_ALL_INVOICES_PAGINATED = gql`
-  query QUERY_ALL_INVOICES_PAGINATED($offset: Int, $limit: Int) {
-    invoices(offset: $offset, limit: $limit, order_by: { date: desc }) {
+  query QUERY_ALL_INVOICES_PAGINATED(
+    $search: String
+    $offset: Int
+    $limit: Int
+    $order: [invoices_order_by!]!
+  ) {
+    search_invoices(
+      args: { search: $search }
+      offset: $offset
+      limit: $limit
+      order_by: $order
+    ) {
       id
       vendor {
         id
         name
       }
+      federal_tax_rate
+      local_tax_rate
+      state_tax_rate
+      is_credit_memo
       total
       invoice_number
       date
@@ -34,6 +48,11 @@ export const QUERY_ALL_INVOICES_PAGINATED = gql`
         line_desc
       }
     }
+    search_invoices_aggregate(args: { search: $search }) {
+      aggregate {
+        count(distinct: true)
+      }
+    }
   }
 `;
 

client/src/pages/invoices/invoices.page.component.jsx

@@ -0,0 +1,195 @@
+import { SyncOutlined } from "@ant-design/icons";
+import { Button, Checkbox, Input, Table, Typography } from "antd";
+import queryString from "query-string";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Link, useHistory, useLocation } from "react-router-dom";
+import { setModalContext } from "../../redux/modals/modals.actions";
+import CurrencyFormatter from "../../utils/CurrencyFormatter";
+import { DateFormatter } from "../../utils/DateFormatter";
+import { alphaSort } from "../../utils/sorters";
+
+const mapDispatchToProps = (dispatch) => ({
+  setPartsOrderContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "partsOrder" })),
+  setInvoiceEnterContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "invoiceEnter" })),
+});
+
+export function InvoicesListPage({
+  loading,
+  data,
+  refetch,
+  total,
+  setPartsOrderContext,
+  setInvoiceEnterContext,
+}) {
+  const { t } = useTranslation();
+  const [state, setState] = useState({
+    sortedInfo: {},
+  });
+  const history = useHistory();
+  const search = queryString.parse(useLocation().search);
+  const { page } = search;
+
+  const selectedInvoice = search.invoiceid;
+  const columns = [
+    {
+      title: t("invoices.fields.vendorname"),
+      dataIndex: "vendorname",
+      key: "vendorname",
+      //   sorter: (a, b) => alphaSort(a.vendor.name, b.vendor.name),
+      //   sortOrder:
+      //        state.sortedInfo.columnKey === "vendorname" && state.sortedInfo.order,
+      render: (text, record) => <span>{record.vendor.name}</span>,
+    },
+    {
+      title: t("invoices.fields.invoice_number"),
+      dataIndex: "invoice_number",
+      key: "invoice_number",
+      sorter: (a, b) => alphaSort(a.invoice_number, b.invoice_number),
+      sortOrder:
+        state.sortedInfo.columnKey === "invoice_number" &&
+        state.sortedInfo.order,
+    },
+    {
+      title: t("invoices.fields.date"),
+      dataIndex: "date",
+      key: "date",
+      sorter: (a, b) => a.date - b.date,
+      sortOrder:
+        state.sortedInfo.columnKey === "date" && state.sortedInfo.order,
+      render: (text, record) => <DateFormatter>{record.date}</DateFormatter>,
+    },
+    {
+      title: t("invoices.fields.total"),
+      dataIndex: "total",
+      key: "total",
+      sorter: (a, b) => a.total - b.total,
+      sortOrder:
+        state.sortedInfo.columnKey === "total" && state.sortedInfo.order,
+      render: (text, record) => (
+        <CurrencyFormatter>{record.total}</CurrencyFormatter>
+      ),
+    },
+    {
+      title: t("invoices.fields.is_credit_memo"),
+      dataIndex: "is_credit_memo",
+      key: "is_credit_memo",
+      sorter: (a, b) => a.is_credit_memo - b.is_credit_memo,
+      sortOrder:
+        state.sortedInfo.columnKey === "is_credit_memo" &&
+        state.sortedInfo.order,
+      render: (text, record) => <Checkbox checked={record.is_credit_memo} />,
+    },
+    {
+      title: t("general.labels.actions"),
+      dataIndex: "actions",
+      key: "actions",
+      render: (text, record) => (
+        <div>
+          <Link to={`/manage/invoices?invoiceid=${record.id}`}>
+            <Button>{t("invoices.actions.edit")}</Button>
+          </Link>
+          <Button
+            disabled={record.is_credit_memo}
+            onClick={() =>
+              setPartsOrderContext({
+                actions: {},
+                context: {
+                  jobId: record.jobid,
+                  vendorId: record.vendorid,
+                  returnFromInvoice: record.id,
+                  invoiceNumber: record.invoice_number,
+                  linesToOrder: record.invoicelines.map((i) => {
+                    return {
+                      line_desc: i.line_desc,
+                      db_price: i.actual_price,
+                      act_price: i.actual_cost,
+                      quantity: i.quantity,
+                      joblineid: i.joblineid,
+                    };
+                  }),
+                  isReturn: true,
+                },
+              })
+            }
+          >
+            {t("invoices.actions.return")}
+          </Button>
+        </div>
+      ),
+    },
+  ];
+
+  const handleTableChange = (pagination, filters, sorter) => {
+    setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
+    search.page = pagination.current;
+    search.sortcolumn = sorter.columnKey;
+    search.sortorder = sorter.order;
+    history.push({ search: queryString.stringify(search) });
+  };
+
+  const handleOnRowClick = (record) => {
+    if (record) {
+      if (record.id) {
+        search.invoiceid = record.id;
+        history.push({ search: queryString.stringify(search) });
+      }
+    } else {
+      delete search.invoiceid;
+      history.push({ search: queryString.stringify(search) });
+    }
+  };
+
+  return (
+    <div>
+      <Typography.Title level={4}>
+        {t("invoices.labels.invoices")}
+      </Typography.Title>
+      <Table
+        loading={loading}
+        size="small"
+        title={() => (
+          <div className="imex-table-header">
+            <Button onClick={() => refetch()}>
+              <SyncOutlined />
+            </Button>
+            <Button
+              onClick={() => {
+                setInvoiceEnterContext({
+                  actions: { refetch: refetch },
+                  context: {},
+                });
+              }}
+            >
+              {t("jobs.actions.postInvoices")}
+            </Button>
+            <div className="imex-table-header__search">
+              <Input.Search
+                placeholder={t("general.labels.search")}
+                onSearch={(value) => {
+                  search.search = value;
+                  history.push({ search: queryString.stringify(search) });
+                }}
+              />
+            </div>
+          </div>
+        )}
+        scroll={{ x: "50%", y: "40rem" }}
+        pagination={{
+          position: "top",
+          pageSize: 25,
+          current: parseInt(page || 1),
+          total: total,
+        }}
+        columns={columns}
+        rowKey="id"
+        dataSource={data}
+        onChange={handleTableChange}
+      />
+    </div>
+  );
+}
+export default connect(null, mapDispatchToProps)(InvoicesListPage);

client/src/pages/invoices/invoices.page.container.jsx

@@ -1,11 +1,13 @@
-import { Col, Row } from "antd";
+import queryString from "query-string";
 import React, { useEffect } from "react";
+import { useQuery } from "react-apollo";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
+import { useLocation } from "react-router-dom";
 import InvoiceDetailEditContainer from "../../components/invoice-detail-edit/invoice-detail-edit.container";
-import InvoicesByVendorList from "../../components/invoices-by-vendor-list/invoices-by-vendor-list.component";
-import VendorsList from "../../components/invoices-vendors-list/invoices-vendors-list.component";
+import { QUERY_ALL_INVOICES_PAGINATED } from "../../graphql/invoices.queries";
 import { setBreadcrumbs } from "../../redux/application/application.actions";
+import InvoicesPageComponent from "./invoices.page.component";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -13,6 +15,9 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function InvoicesPageContainer({ setBreadcrumbs }) {
   const { t } = useTranslation();
+  const searchParams = queryString.parse(useLocation().search);
+  const { page, sortcolumn, sortorder, search } = searchParams;
+
   useEffect(() => {
     document.title = t("titles.invoices-list");
     setBreadcrumbs([
@@ -20,20 +25,37 @@ export function InvoicesPageContainer({ setBreadcrumbs }) {
     ]);
   }, [t, setBreadcrumbs]);
 
+  const { loading, error, data, refetch } = useQuery(
+    QUERY_ALL_INVOICES_PAGINATED,
+    {
+      variables: {
+        search: search || "",
+        offset: page ? (page - 1) * 25 : 0,
+        limit: 25,
+        order: [
+          {
+            [sortcolumn || "date"]: sortorder
+              ? sortorder === "descend"
+                ? "desc"
+                : "asc"
+              : "desc",
+          },
+        ],
+      },
+    }
+  );
+
   return (
-    <Row>
-      <Col span={8}>
-        <VendorsList />
-      </Col>
-      <Col span={16}>
-        <Row>
-          <InvoicesByVendorList />
-        </Row>
-        <Row>
-          <InvoiceDetailEditContainer />
-        </Row>
-      </Col>
-    </Row>
+    <div>
+      <InvoicesPageComponent
+        data={data ? data.search_invoices : []}
+        loading={loading}
+        refetch={refetch}
+        total={data ? data.search_invoices_aggregate.aggregate.count : 0}
+      />
+
+      <InvoiceDetailEditContainer />
+    </div>
   );
 }
 export default connect(null, mapDispatchToProps)(InvoicesPageContainer);

hasura/migrations/1595971170482_run_sql_migration/down.yaml

@@ -0,0 +1 @@
+[]

hasura/migrations/1595971170482_run_sql_migration/up.yaml

@@ -0,0 +1,6 @@
+- args:
+    cascade: true
+    read_only: false
+    sql: CREATE INDEX idx_invoices_invoicenumber ON invoices USING GIN (invoice_number
+      gin_trgm_ops);
+  type: run_sql

hasura/migrations/1595971216422_run_sql_migration/down.yaml

@@ -0,0 +1 @@
+[]

hasura/migrations/1595971216422_run_sql_migration/up.yaml

@@ -0,0 +1,12 @@
+- args:
+    cascade: true
+    read_only: false
+    sql: "CREATE OR REPLACE FUNCTION public.search_invoices(search text)\n RETURNS
+      SETOF invoices\n LANGUAGE plpgsql\n STABLE\nAS $function$\n\nBEGIN\n  if search
+      = '' then\n    return query select * from invoices ;\n  else \n    return query
+      SELECT\n  *\nFROM\n  payments\nWHERE\n  search <% (invoice_number);\n  end if;\n\n\tEND\n$function$;"
+  type: run_sql
+- args:
+    name: search_invoices
+    schema: public
+  type: track_function

hasura/migrations/1595973678869_run_sql_migration/down.yaml

@@ -0,0 +1 @@
+[]

hasura/migrations/1595973678869_run_sql_migration/up.yaml

@@ -0,0 +1,8 @@
+- args:
+    cascade: true
+    read_only: false
+    sql: "CREATE OR REPLACE FUNCTION public.search_invoices(search text)\n RETURNS
+      SETOF invoices\n LANGUAGE plpgsql\n STABLE\nAS $function$\n\nBEGIN\n  if search
+      = '' then\n    return query select * from invoices ;\n  else \n    return query
+      SELECT\n  *\nFROM\n  invoices\nWHERE\n  search <% (invoice_number);\n  end if;\n\n\tEND\n$function$;"
+  type: run_sql

hasura/migrations/metadata.yaml

@@ -4053,6 +4053,9 @@ tables:
             - active:
                 _eq: true
 functions:
+- function:
+    schema: public
+    name: search_invoices
 - function:
     schema: public
     name: search_jobs