@truedat/qx 8.7.0 → 8.7.1

package/src/components/common/expressions/constantInputs/__tests__/AnySelector.spec.js

@@ -6,7 +6,9 @@ import AnySelector from "../AnySelector";
 describe("<AnySelector />", () => {
   it("matches the latest snapshot", async () => {
     const rendered = render(
-      <TestFormWrapper><AnySelector /></TestFormWrapper>
+      <TestFormWrapper>
+        <AnySelector />
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -17,7 +19,9 @@ describe("<AnySelector />", () => {
     const watcher = jest.fn();
 
     const rendered = render(
-      <TestFormWrapper watcher={watcher}><AnySelector /></TestFormWrapper>
+      <TestFormWrapper watcher={watcher}>
+        <AnySelector />
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 

package/src/components/common/expressions/constantInputs/__tests__/BooleanSelector.spec.js

@@ -16,8 +16,10 @@ describe("<BooleanSelector />", () => {
 
   it("matches the latest snapshot", async () => {
     const rendered = render(
-      <TestFormWrapper><BooleanSelector /></TestFormWrapper>,
-      renderOpts
+      <TestFormWrapper>
+        <BooleanSelector />
+      </TestFormWrapper>,
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -27,8 +29,10 @@ describe("<BooleanSelector />", () => {
     const user = userEvent.setup({ delay: null });
     const watcher = jest.fn();
     const rendered = render(
-      <TestFormWrapper watcher={watcher}><BooleanSelector /></TestFormWrapper>,
-      renderOpts
+      <TestFormWrapper watcher={watcher}>
+        <BooleanSelector />
+      </TestFormWrapper>,
+      renderOpts,
     );
     await waitForLoad(rendered);
 

package/src/components/common/expressions/constantInputs/__tests__/DefaultSelector.spec.js

@@ -4,10 +4,11 @@ import TestFormWrapper from "@truedat/qx/components/common/TestFormWrapper";
 import DefaultSelector from "../DefaultSelector";
 
 describe("<DefaultSelector />", () => {
-
   it("matches the latest snapshot", async () => {
     const rendered = render(
-      <TestFormWrapper><DefaultSelector /></TestFormWrapper>
+      <TestFormWrapper>
+        <DefaultSelector />
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -25,7 +26,9 @@ describe("<DefaultSelector />", () => {
         watcher={watcher}
         defaultValues={defaultValues}
         context={{ field }}
-      ><DefaultSelector /></TestFormWrapper>
+      >
+        <DefaultSelector />
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 

package/src/components/common/resourceSelectors/DataStructureSelector.js

@@ -31,7 +31,11 @@ export default function DataStructureSelector({ onChange, error }) {
 
   return (
     <Form.Field error={!!error}>
-      {error && <Label pointing="below" prompt>{error}</Label>}
+      {error && (
+        <Label pointing="below" prompt>
+          {error}
+        </Label>
+      )}
       {active ? (
         <div onClick={onClick}>
           <Icon name="dropdown" />

package/src/components/common/resourceSelectors/DataViewSelector.js

@@ -17,7 +17,7 @@ export default function DataViewSelector({ onChange, onBlur, value, error }) {
     });
 
   const sourceDataViews = _.filter({ source_id: parseInt(sourceId) })(
-    dataViews
+    dataViews,
   );
 
   const options = _.flow(
@@ -30,7 +30,7 @@ export default function DataViewSelector({ onChange, onBlur, value, error }) {
       key: id,
       value: id,
       text: name,
-    }))
+    })),
   )(sourceDataViews);
 
   const buildEmbedded = (id) =>
@@ -43,7 +43,7 @@ export default function DataViewSelector({ onChange, onBlur, value, error }) {
           name: field.alias,
           type: _.prop("expression.value.type")(field),
           parent_name: dataView.name,
-        }))
+        })),
       )(dataView),
     }))(sourceDataViews);
 

package/src/components/common/resourceSelectors/ReferenceDatasetSelector.js

@@ -5,7 +5,12 @@ import { Form } from "semantic-ui-react";
 import { matchSorter } from "match-sorter";
 import QxContext from "@truedat/qx/components/QxContext";
 
-export default function ReferenceDatasetSelector({ error, onChange, onBlur, value }) {
+export default function ReferenceDatasetSelector({
+  error,
+  onChange,
+  onBlur,
+  value,
+}) {
   const { formatMessage } = useIntl();
   const [searchTerm, setSearchTerm] = useState("");
   const { referenceDatasets } = use(QxContext);
@@ -25,7 +30,7 @@ export default function ReferenceDatasetSelector({ error, onChange, onBlur, valu
       key: id,
       value: id,
       text: name,
-    }))
+    })),
   )(referenceDatasets);
 
   const handleSearchChange = (_e, { searchQuery }) =>

package/src/components/common/resourceSelectors/__tests__/DataStructureSelector.spec.js

@@ -33,7 +33,7 @@ describe("<DataStructureSelector />", () => {
     const rendered = render(
       <TestFormWrapper>
         <DataStructureSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();

package/src/components/common/resourceSelectors/__tests__/DataViewSelector.spec.js

@@ -17,7 +17,7 @@ describe("<DataViewSelector />", () => {
       >
         <DataViewSelector />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -37,12 +37,12 @@ describe("<DataViewSelector />", () => {
       >
         <DataViewSelector />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
 
     await waitFor(() =>
-      expect(rendered.queryByText(/selecteddataview/i)).not.toBeInTheDocument()
+      expect(rendered.queryByText(/selecteddataview/i)).not.toBeInTheDocument(),
     );
   });
 
@@ -75,13 +75,13 @@ describe("<DataViewSelector />", () => {
       >
         <DataViewSelector onChange={onChange} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
 
     const user = userEvent.setup({ delay: null });
     await user.click(
-      rendered.getByRole("option", { name: /selecteddataview/i })
+      rendered.getByRole("option", { name: /selecteddataview/i }),
     );
 
     expect(onChange).toHaveBeenLastCalledWith({
@@ -123,7 +123,7 @@ describe("<DataViewSelector />", () => {
       >
         <DataViewSelector />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
 
@@ -131,7 +131,7 @@ describe("<DataViewSelector />", () => {
     await user.type(rendered.getByRole("textbox"), "User");
 
     await waitFor(() =>
-      expect(rendered.queryByText(/selecteddataview/i)).not.toBeInTheDocument()
+      expect(rendered.queryByText(/selecteddataview/i)).not.toBeInTheDocument(),
     );
   });
 });

package/src/components/common/resourceSelectors/__tests__/ReferenceDatasetSelector.spec.js

@@ -13,7 +13,7 @@ describe("<ReferenceDatasetSelector />", () => {
         }}
       >
         <ReferenceDatasetSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -36,12 +36,12 @@ describe("<ReferenceDatasetSelector />", () => {
         }}
       >
         <ReferenceDatasetSelector onChange={onChange} />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(
-      rendered.getByRole("option", { name: /SelectedReferenceDataset/i })
+      rendered.getByRole("option", { name: /SelectedReferenceDataset/i }),
     );
 
     expect(onChange).toHaveBeenLastCalledWith({
@@ -71,7 +71,7 @@ describe("<ReferenceDatasetSelector />", () => {
         }}
       >
         <ReferenceDatasetSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -79,8 +79,8 @@ describe("<ReferenceDatasetSelector />", () => {
 
     await waitFor(() =>
       expect(
-        rendered.queryByText(/SelectedReferenceDataset/i)
-      ).not.toBeInTheDocument()
+        rendered.queryByText(/SelectedReferenceDataset/i),
+      ).not.toBeInTheDocument(),
     );
   });
 });

package/src/components/dataViews/DataViewEditor.js

@@ -16,10 +16,10 @@ import { REFERENCE_DATASETS_HEADERS_QUERY } from "@truedat/dd/api/queries";
 import { DATA_VIEWS } from "@truedat/core/routes";
 import { useFunctions } from "@truedat/qx/hooks/useFunctions";
 import { lowerDeburrTrim } from "@truedat/core/services/sort";
+import { ConfirmModal } from "@truedat/core/components";
 import AdvancedDataViewEditor from "./advancedForm/AdvancedDataViewEditor";
 import SimpleDataViewEditor from "./simpleForm/SimpleDataViewEditor";
 import BreadCrumb from "./BreadCrumb";
-import { ConfirmModal } from "@truedat/core/components";
 
 const NEW_DATA_VIEW = {
   name: "",
@@ -55,7 +55,7 @@ export function DataViewDetailEditor({ dataView }) {
   const referenceDatasets = _.flow(
     _.getOr([], "referenceDatasets"),
     _.sortBy([({ name }) => lowerDeburrTrim(name), "name"]),
-    _.map((row) => ({ ...row, id: Number(row?.id) }))
+    _.map((row) => ({ ...row, id: Number(row?.id) })),
   )(referenceDatasetsData);
 
   useEffect(() => {
@@ -170,6 +170,7 @@ export default function DataViewEditor() {
     );
   }
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const { dataView, loading, error } = useDataViewFetch(id);
 
   if (error) return null;

package/src/components/dataViews/DataViewSummary.js

@@ -2,6 +2,7 @@ import _ from "lodash/fp";
 import { Fragment } from "react";
 import PropTypes from "prop-types";
 import { Segment } from "semantic-ui-react";
+import QxContext from "@truedat/qx/components/QxContext";
 import From from "./summary/From";
 import Join from "./summary/Join";
 import Where from "./summary/Where";
@@ -11,7 +12,6 @@ import {
   buildParentResourceMap,
   hasValidStructure,
 } from "./queryableSummaryHelpers";
-import QxContext from "@truedat/qx/components/QxContext";
 
 export default function DataViewSummary({ dataView }) {
   if (!dataView) {

package/src/components/dataViews/DataViews.js

@@ -29,7 +29,7 @@ export function filterDataView(data, searchTerm, keys) {
     (keys ?? Object.keys(item)).some((key) => {
       const value = item[key];
       return value && String(value).toLowerCase().includes(lower);
-    })
+    }),
   );
 }
 
@@ -90,7 +90,7 @@ export default function DataViews() {
 
   const filteredData = useMemo(
     () => filterDataView(dataViews, searchInput, ["name", "description"]),
-    [dataViews, searchInput]
+    [dataViews, searchInput],
   );
 
   return (

package/src/components/dataViews/__tests__/AdvancedDataViewEditor.spec.js

@@ -159,20 +159,20 @@ describe("<AdvancedDataViewEditor />", () => {
     // Insert description
     await user.type(
       rendered.getAllByRole("textbox")[1],
-      "data_view_description"
+      "data_view_description",
     );
 
     // Insert From information
     await user.type(rendered.getByPlaceholderText(/alias/i), "from_alias");
     await user.click(rendered.getByRole("option", { name: /data_view/i }));
     await user.click(
-      rendered.getByRole("option", { name: /anotherdataview/i })
+      rendered.getByRole("option", { name: /anotherdataview/i }),
     );
 
     expect(rendered.getByRole("button", { name: /save/i })).toBeDisabled();
 
     await user.click(
-      rendered.getByRole("button", { name: /add_all_select_fields/i })
+      rendered.getByRole("button", { name: /add_all_select_fields/i }),
     );
 
     await waitFor(() => {

package/src/components/dataViews/__tests__/DataViewEditor.spec.js

@@ -123,10 +123,10 @@ describe("<DataViewDetailEditor /> (render behavior only)", () => {
     expect(rendered.queryByTestId("simple-editor")).not.toBeInTheDocument();
 
     expect(
-      rendered.getByRole("button", { name: /actions.mode.advanced/i })
+      rendered.getByRole("button", { name: /actions.mode.advanced/i }),
     ).toBeDisabled();
     expect(
-      rendered.getByRole("button", { name: /actions.mode.guided/i })
+      rendered.getByRole("button", { name: /actions.mode.guided/i }),
     ).not.toBeDisabled();
   });
 
@@ -146,10 +146,10 @@ describe("<DataViewDetailEditor /> (render behavior only)", () => {
     expect(rendered.queryByTestId("simple-editor")).not.toBeInTheDocument();
 
     expect(
-      rendered.getByRole("button", { name: /actions.mode.advanced/i })
+      rendered.getByRole("button", { name: /actions.mode.advanced/i }),
     ).toBeDisabled();
     expect(
-      rendered.getByRole("button", { name: /actions.mode.guided/i })
+      rendered.getByRole("button", { name: /actions.mode.guided/i }),
     ).toBeDisabled();
   });
 
@@ -158,7 +158,7 @@ describe("<DataViewDetailEditor /> (render behavior only)", () => {
     const rendered = render(<DataViewDetailEditor dataView={undefined} />);
 
     expect(
-      rendered.container.querySelector(".ui.segment.loading")
+      rendered.container.querySelector(".ui.segment.loading"),
     ).not.toBeNull();
   });
 });
@@ -169,7 +169,7 @@ describe("<DataViewEditor /> (render branches only)", () => {
     await waitForLoad(rendered);
 
     expect(rendered.getByTestId("breadcrumb")).toHaveTextContent(
-      "dataViews.new"
+      "dataViews.new",
     );
     expect(rendered.getByTestId("simple-editor")).toBeInTheDocument();
   });
@@ -221,7 +221,7 @@ describe("<DataViewEditor /> (render branches only)", () => {
     await waitForLoad(rendered);
 
     expect(rendered.getByTestId("breadcrumb")).toHaveTextContent(
-      "Existing View Name"
+      "Existing View Name",
     );
     expect(rendered.getByTestId("advanced-editor")).toBeInTheDocument();
     expect(rendered.queryByTestId("simple-editor")).toBeNull();

package/src/components/dataViews/__tests__/DataViewSelect.spec.js

@@ -19,7 +19,7 @@ describe("<DataViewSelect />", () => {
       <TestFormWrapper>
         <DataViewSelect />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();

package/src/components/dataViews/__tests__/DataViewSummary.spec.js

@@ -79,7 +79,7 @@ describe("<DataViewSummary />", () => {
     const dataView = createDataView([]);
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toBeEmptyDOMElement();
@@ -111,7 +111,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -185,7 +185,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -248,7 +248,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -320,7 +320,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -496,12 +496,12 @@ describe("<DataViewSummary />", () => {
             },
           ],
         },
-      }
+      },
     );
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -610,7 +610,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -636,7 +636,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -662,7 +662,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -688,7 +688,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -744,12 +744,12 @@ describe("<DataViewSummary />", () => {
             },
           ],
         },
-      }
+      },
     );
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -807,7 +807,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -856,7 +856,7 @@ describe("<DataViewSummary />", () => {
 
     const rendered = render(
       <DataViewSummary dataView={dataView} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();

package/src/components/dataViews/__tests__/DataViews.spec.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { render, waitForLoad } from "@truedat/test/render";
 import userEvent from "@testing-library/user-event";
-import DataViews from "../DataViews";
 import {
   useDataViews,
   useDataViewDelete,
 } from "@truedat/qx/hooks/useDataViews";
+import DataViews from "../DataViews";
 
 const mockFormatMessage = jest.fn(({ id }) => id);
 
@@ -48,12 +48,12 @@ describe("<DataViews />", () => {
     await waitForLoad(rendered);
 
     expect(
-      rendered.getByRole("heading", { name: /dataViews.header/i })
+      rendered.getByRole("heading", { name: /dataViews.header/i }),
     ).toBeInTheDocument();
     expect(rendered.getByText(/dataViews.empty_list/i)).toBeInTheDocument();
 
     expect(
-      rendered.getByRole("button", { name: /dataViews.action.new/i })
+      rendered.getByRole("button", { name: /dataViews.action.new/i }),
     ).toBeInTheDocument();
     expect(rendered.container).toMatchSnapshot();
   });
@@ -87,16 +87,16 @@ describe("<DataViews />", () => {
     expect(rendered.getByText("Inventory")).toBeInTheDocument();
 
     const guidedIcon = rendered.container.querySelector(
-      ".dataViews\\.mode\\.icon\\.guided.icon"
+      ".dataViews\\.mode\\.icon\\.guided.icon",
     );
     const advancedIcon = rendered.container.querySelector(
-      ".dataViews\\.mode\\.icon\\.advanced.icon"
+      ".dataViews\\.mode\\.icon\\.advanced.icon",
     );
     expect(guidedIcon).toBeInTheDocument();
     expect(advancedIcon).toBeInTheDocument();
 
     const dataViewLinks = rendered.container.querySelectorAll(
-      'a[href^="/dataviews/"]'
+      'a[href^="/dataviews/"]',
     );
     expect(dataViewLinks.length).toBe(3);
 

package/src/components/dataViews/__tests__/Queryable.spec.js

@@ -54,7 +54,7 @@ describe("<Queryable />", () => {
       >
         <Queryable index={0} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();
@@ -78,7 +78,7 @@ describe("<Queryable />", () => {
       >
         <Queryable index={0} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();
@@ -102,7 +102,7 @@ describe("<Queryable />", () => {
       >
         <Queryable index={0} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();
@@ -127,7 +127,7 @@ describe("<Queryable />", () => {
       >
         <Queryable index={0} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();
@@ -160,7 +160,7 @@ describe("<Queryable />", () => {
       >
         <Queryable index={0} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();
@@ -192,7 +192,7 @@ describe("<Queryable />", () => {
       >
         <Queryable index={0} />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
 
     expect(container).toMatchSnapshot();