@truedat/qx 8.7.0 → 8.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/qx",
-  "version": "8.7.0",
+  "version": "8.7.2",
   "description": "Truedat Web Quality Experience package",
   "sideEffects": false,
   "module": "src/index.js",
@@ -56,7 +56,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.7.0",
+    "@truedat/test": "8.7.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -89,5 +89,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "375298315086154cea326bfaebc504d6e45873ed"
+  "gitHead": "e971cd8773dc15ad949f260abbfe4d3236473af7"
 }

package/src/components/__tests__/QxRoutes.spec.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { render, waitForLoad } from "@truedat/test/render";
-import QxRoutes from "../QxRoutes";
 import { useAuthorized } from "@truedat/core/hooks/useAuthorized";
 import {
   DATA_VIEWS,
@@ -10,6 +9,7 @@ import {
   SCORE_GROUPS,
   SCORES,
 } from "@truedat/core/routes";
+import QxRoutes from "../QxRoutes";
 
 jest.mock("@truedat/core/hooks/useAuthorized", () => ({
   useAuthorized: jest.fn(() => true),

package/src/components/common/ClauseViewer.js

@@ -5,8 +5,8 @@ import { useIntl } from "react-intl";
 import { Divider, Label, Segment } from "semantic-ui-react";
 import { useFunctions } from "@truedat/qx/hooks/useFunctions";
 import { isConditionFunction } from "@truedat/qx/components/common/expressions/Condition";
-import { getColorById } from "../dataViews/queryableFunctions";
 import QxContext from "@truedat/qx/components/QxContext";
+import { getColorById } from "../dataViews/queryableFunctions";
 import "@truedat/qx/styles/Expression.less";
 
 const isExpressionValid = (expression, functions = []) => {

package/src/components/common/ResourceSelector.js

@@ -17,7 +17,7 @@ export default function ResourceSelector({ required, labelId }) {
   const { control, setValue, watch } = useFormContext();
 
   const sourceDataViews = _.filter({ source_id: parseInt(sourceId) })(
-    dataViews
+    dataViews,
   );
   const resourceTypes = [
     "data_structure",

package/src/components/common/TypeSelector.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { useIntl } from "react-intl";
 import { Dropdown } from "semantic-ui-react";
 import { typeToIcon, types } from "@truedat/qx/types";
-import { Form, Label } from "semantic-ui-react"
+import { Form, Label } from "semantic-ui-react";
 
 export default function TypeSelector({
   value,
@@ -20,7 +20,7 @@ export default function TypeSelector({
       text: formatMessage({ id: `expressions.data_type.${value}` }),
       value,
       icon: typeToIcon(value),
-    }))
+    })),
   )(types);
   return (
     <Form.Field error={!!error?.message}>
@@ -33,7 +33,11 @@ export default function TypeSelector({
         value={value}
         onChange={onChange}
       />
-      {error?.message && <Label basic prompt pointing>{error?.message}</Label>}
+      {error?.message && (
+        <Label basic prompt pointing>
+          {error?.message}
+        </Label>
+      )}
     </Form.Field>
   );
 }

package/src/components/common/__tests__/ResourceSelector.spec.js

@@ -45,7 +45,7 @@ describe("<ResourceSelector />", () => {
         <SearchContext value={searchProps}>
           <ResourceSelector />
         </SearchContext>
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -64,7 +64,7 @@ describe("<ResourceSelector />", () => {
         <SearchContext value={searchProps}>
           <ResourceSelector />
         </SearchContext>
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -96,7 +96,7 @@ describe("<ResourceSelector />", () => {
         <SearchContext value={searchProps}>
           <ResourceSelector />
         </SearchContext>
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -119,16 +119,16 @@ describe("<ResourceSelector />", () => {
         <SearchContext value={searchProps}>
           <ResourceSelector />
         </SearchContext>
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     const user = userEvent.setup({ delay: null });
     await user.click(
-      rendered.getByRole("option", { name: /reference_dataset/i })
+      rendered.getByRole("option", { name: /reference_dataset/i }),
     );
     await user.click(
-      rendered.getByRole("option", { name: /userreferenceDataset/i })
+      rendered.getByRole("option", { name: /userreferenceDataset/i }),
     );
 
     expect(watcher).toHaveBeenLastCalledWith({

package/src/components/common/expressions/FieldSelector.js

@@ -4,8 +4,8 @@ import { Controller, useFormContext } from "react-hook-form";
 import { Dropdown, Form, Label } from "semantic-ui-react";
 
 import QxContext from "@truedat/qx/components/QxContext";
-import { getColorById } from "../../dataViews/queryableFunctions";
 import { useIntl } from "react-intl";
+import { getColorById } from "../../dataViews/queryableFunctions";
 
 const fieldToKey = ({ parent_id, id }) => `${parent_id}:${id}`;
 const keyToField = (key) => {
@@ -31,7 +31,7 @@ export default function FieldSelector() {
   const { control, watch, setValue } = useFormContext();
   const fieldOptions = _.flow(
     _.filter((field) => type === "any" || field.type == type),
-    fieldsToOptions
+    fieldsToOptions,
   )(fields);
 
   const selectedField = watch(`${field}.value`);

package/src/components/common/expressions/FunctionSelector.js

@@ -41,7 +41,7 @@ export default function FunctionSelector() {
     (func) =>
       validFunctionType(func) &&
       validLogicOperator(func) &&
-      validAggregate(func)
+      validAggregate(func),
   )(functions);
 
   const funcOpts = _.flow(
@@ -68,7 +68,7 @@ export default function FunctionSelector() {
           <Header.Subheader>{description}</Header.Subheader>
         </>
       ),
-    }))
+    })),
   )(funcs);
 
   return (
@@ -105,7 +105,7 @@ export default function FunctionSelector() {
                   }}
                   placeholder={formatMessage(
                     { id: "functions.form.expression.function.placeholder" },
-                    { type }
+                    { type },
                   )}
                   search
                   fluid

package/src/components/common/expressions/ParamSelector.js

@@ -18,7 +18,7 @@ export default function ParamSelector() {
       key: id,
       value: id,
       text: name,
-    }))
+    })),
   )(params);
 
   useEffect(() => {

package/src/components/common/expressions/ShapeSelector.js

@@ -23,21 +23,21 @@ export default function ShapeSelector() {
   const setTargetValue = (field, value) => {
     const targetValue = value === "function" ? undefined : { isCondition };
     setValue(field, targetValue);
-  }
+  };
 
   const emptyTypeParams = _.flow(
     _.filter((param) => type === "any" || param.type == type),
-    _.isEmpty
+    _.isEmpty,
   )(params);
   const emptyTypeFields = _.flow(
     _.filter((field) => type === "any" || field.type == type),
-    _.isEmpty
+    _.isEmpty,
   )(fields);
 
   const shapes = _.reject(
     (shape) =>
       (shape === "param" && emptyTypeParams) ||
-      (shape === "field" && emptyTypeFields)
+      (shape === "field" && emptyTypeFields),
   )(["constant", "function", "param", "field"]);
 
   const shape = watch(`${field}.shape`);
@@ -77,7 +77,6 @@ export default function ShapeSelector() {
           onChange={(_e, { value }) => {
             onChange(value);
             setTargetValue(`${field}.value`, value);
-
           }}
           trigger={
             <div className="shape-selector-trigger">{shapeToSymbol[shape]}</div>

package/src/components/common/expressions/__tests__/Clauses.spec.js

@@ -28,7 +28,7 @@ describe("<Clauses />", () => {
       <TestFormWrapper>
         <Clauses />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -56,7 +56,7 @@ describe("<Clauses />", () => {
       >
         <Clauses />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -79,7 +79,7 @@ describe("<Clauses />", () => {
       >
         <Clauses />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
 
@@ -88,15 +88,15 @@ describe("<Clauses />", () => {
     });
     await waitFor(() => expect(formValuesRef.current.test).toHaveLength(2));
     await waitFor(() =>
-      expect(formValuesRef.current.test[1].expressions).toHaveLength(1)
+      expect(formValuesRef.current.test[1].expressions).toHaveLength(1),
     );
     await waitFor(() =>
       expect(formValuesRef.current.test[1].expressions[0]).toEqual(
-        expect.objectContaining({ shape: "function" })
-      )
+        expect.objectContaining({ shape: "function" }),
+      ),
     );
     await waitFor(() =>
-      expect(rendered.getAllByLabelText(/delete/i)).toHaveLength(2)
+      expect(rendered.getAllByLabelText(/delete/i)).toHaveLength(2),
     );
 
     await act(async () => {
@@ -122,7 +122,7 @@ describe("<Clauses />", () => {
       >
         <Clauses />
       </TestFormWrapper>,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
 
@@ -130,12 +130,12 @@ describe("<Clauses />", () => {
       await user.click(rendered.getByText(/addexpression/i));
     });
     await waitFor(() =>
-      expect(formValuesRef.current.test[0].expressions).toHaveLength(2)
+      expect(formValuesRef.current.test[0].expressions).toHaveLength(2),
     );
     await waitFor(() =>
       expect(formValuesRef.current.test[0].expressions[1]).toEqual(
-        expect.objectContaining({ shape: "function" })
-      )
+        expect.objectContaining({ shape: "function" }),
+      ),
     );
   });
 });

package/src/components/common/expressions/__tests__/Condition.spec.js

@@ -23,7 +23,7 @@ describe("<Condition />", () => {
     const rendered = render(
       <TestFormWrapper>
         <Condition />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -38,7 +38,7 @@ describe("<Condition />", () => {
           { name: "arg1", type: "any" },
           { name: "arg2", type: "any" },
         ],
-      })
+      }),
     ).toBe(true);
 
     expect(
@@ -48,7 +48,7 @@ describe("<Condition />", () => {
           { name: "arg1", type: "any" },
           { name: "arg2", type: "any" },
         ],
-      })
+      }),
     ).toBe(false);
   });
 
@@ -82,7 +82,7 @@ describe("<Condition />", () => {
         }}
       >
         <Condition onDelete={onDelete} />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -121,13 +121,15 @@ describe("<Condition />", () => {
       >
         <Condition />
         <ValidationTrigger name="test.value.name" />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(rendered.getByText(/validate/i));
     await waitFor(() =>
-      expect(rendered.getByText(/functions.form.required/i)).toBeInTheDocument()
+      expect(
+        rendered.getByText(/functions.form.required/i),
+      ).toBeInTheDocument(),
     );
   });
 
@@ -165,17 +167,17 @@ describe("<Condition />", () => {
         }}
       >
         <Condition />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(rendered.getAllByRole("listbox")[1]);
     await user.click(
-      rendered.getByText(/expression.condition.customexpression/i)
+      rendered.getByText(/expression.condition.customexpression/i),
     );
 
     await waitFor(() =>
-      expect(formValuesRef.current.test.value).toEqual({ isCondition: false })
+      expect(formValuesRef.current.test.value).toEqual({ isCondition: false }),
     );
   });
 
@@ -213,12 +215,12 @@ describe("<Condition />", () => {
         }}
       >
         <Condition />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(
-      rendered.getByText(/expression.condition.selectfunction/i)
+      rendered.getByText(/expression.condition.selectfunction/i),
     );
     await user.click(rendered.getByText(/eq/i));
 
@@ -228,8 +230,8 @@ describe("<Condition />", () => {
           name: "eq",
           type: "boolean",
           isCondition: true,
-        })
-      )
+        }),
+      ),
     );
   });
 });

package/src/components/common/expressions/__tests__/ConstantSelector.spec.js

@@ -8,7 +8,7 @@ describe("<ConstantSelector />", () => {
     const rendered = render(
       <TestFormWrapper>
         <ConstantSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -21,7 +21,7 @@ describe("<ConstantSelector />", () => {
     const rendered = render(
       <TestFormWrapper watcher={watcher} context={{ type: "any" }}>
         <ConstantSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 

package/src/components/common/expressions/__tests__/Expression.spec.js

@@ -8,7 +8,7 @@ describe("<Expression />", () => {
     const rendered = render(
       <TestFormWrapper>
         <Expression />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -39,12 +39,12 @@ describe("<Expression />", () => {
         defaultValues={defaultValues}
       >
         <Expression />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(
-      await rendered.findByRole("option", { name: /shape.function/i })
+      await rendered.findByRole("option", { name: /shape.function/i }),
     );
     await user.click(await rendered.findByRole("option", { name: /eq/i }));
 
@@ -72,7 +72,7 @@ describe("<Expression />", () => {
     const rendered = render(
       <TestFormWrapper watcher={watcher} context={{ type: "boolean" }}>
         <Expression />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -103,7 +103,7 @@ describe("<Expression />", () => {
         defaultValues={defaultValues}
       >
         <Expression />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 

package/src/components/common/expressions/__tests__/FieldSelector.spec.js

@@ -6,13 +6,17 @@ describe("<FieldSelector />", () => {
   it("matches the latest snapshot", () => {
     const fields = [{ id: 1, parent_id: 2, name: "name" }];
     const { container } = render(
-      <TestFormWrapper context={{ fields }}><FieldSelector /></TestFormWrapper>
+      <TestFormWrapper context={{ fields }}>
+        <FieldSelector />
+      </TestFormWrapper>,
     );
     expect(container).toMatchSnapshot();
   });
   it("matches the latest snapshot empty", () => {
     const { container } = render(
-      <TestFormWrapper><FieldSelector /></TestFormWrapper>
+      <TestFormWrapper>
+        <FieldSelector />
+      </TestFormWrapper>,
     );
     expect(container).toMatchSnapshot();
   });

package/src/components/common/expressions/__tests__/FunctionArgs.spec.js

@@ -35,7 +35,7 @@ describe("<FunctionArgs />", () => {
     const rendered = render(
       <TestFormWrapper>
         <FunctionArgs />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -73,7 +73,7 @@ describe("<FunctionArgs />", () => {
         defaultValues={defaultValues}
       >
         <FunctionArgs />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -82,7 +82,7 @@ describe("<FunctionArgs />", () => {
 
     await waitFor(() => {
       expect(
-        rendered.getByRole("option", { name: /true/i })
+        rendered.getByRole("option", { name: /true/i }),
       ).toBeInTheDocument();
     });
 

package/src/components/common/expressions/__tests__/FunctionSelector.spec.js

@@ -8,7 +8,7 @@ describe("<FunctionSelector />", () => {
     const rendered = render(
       <TestFormWrapper>
         <FunctionSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -32,7 +32,7 @@ describe("<FunctionSelector />", () => {
     const rendered = render(
       <TestFormWrapper watcher={watcher} context={{ type: "any", functions }}>
         <FunctionSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -52,7 +52,7 @@ describe("<FunctionSelector />", () => {
     expect(rendered.container).toMatchSnapshot();
 
     await user.click(
-      rendered.container.getElementsByClassName("no-padding")[0]
+      rendered.container.getElementsByClassName("no-padding")[0],
     );
 
     await waitForLoad(rendered);

package/src/components/common/expressions/__tests__/ParamSelector.spec.js

@@ -12,7 +12,7 @@ describe("<ParamSelector />", () => {
     const rendered = render(
       <TestFormWrapper defaultValues={defaultValues}>
         <ParamSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -32,7 +32,7 @@ describe("<ParamSelector />", () => {
         defaultValues={defaultValues}
       >
         <ParamSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
@@ -67,7 +67,7 @@ describe("<ParamSelector />", () => {
       >
         <FunctionParams />
         <ParamSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 

package/src/components/common/expressions/__tests__/ShapeSelector.spec.js

@@ -11,7 +11,7 @@ describe("<ShapeSelector />", () => {
     const rendered = render(
       <TestFormWrapper defaultValues={defaultValues}>
         <ShapeSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -30,12 +30,12 @@ describe("<ShapeSelector />", () => {
         defaultValues={defaultValues}
       >
         <ShapeSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(
-      await rendered.findByRole("option", { name: /expression.shape.param/i })
+      await rendered.findByRole("option", { name: /expression.shape.param/i }),
     );
 
     expect(watcher).toHaveBeenLastCalledWith({
@@ -58,14 +58,14 @@ describe("<ShapeSelector />", () => {
     const rendered = render(
       <TestFormWrapper watcher={watcher} context={{ type: "boolean" }}>
         <ShapeSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(
       await rendered.findByRole("option", {
         name: /expression.shape.constant/i,
-      })
+      }),
     );
 
     expect(watcher).toHaveBeenLastCalledWith({
@@ -84,14 +84,14 @@ describe("<ShapeSelector />", () => {
         context={{ type: "boolean", defaultShape: "constant" }}
       >
         <ShapeSelector />
-      </TestFormWrapper>
+      </TestFormWrapper>,
     );
     await waitForLoad(rendered);
 
     await user.click(
       await rendered.findByRole("option", {
         name: /expression.shape.function/i,
-      })
+      }),
     );
 
     expect(watcher).toHaveBeenLastCalledWith({

package/src/components/common/expressions/__tests__/useWatchParams.spec.js

@@ -14,7 +14,9 @@ describe("useWatchParams", () => {
       return null;
     };
     render(
-      <TestFormWrapper defaultValues={defaultValues}><ParamHook /></TestFormWrapper>
+      <TestFormWrapper defaultValues={defaultValues}>
+        <ParamHook />
+      </TestFormWrapper>,
     );
   });
 });

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

@@ -31,7 +31,6 @@ export default function AnySelector() {
             }}
             withoutTypeAny
           />
-
         )}
       />
       {type ? (

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

@@ -34,7 +34,11 @@ export default function BooleanSelector() {
             value={value}
             onChange={(_e, { value }) => onChange(value)}
           />
-          {error?.message && <Label prompt pointing>{error?.message}</Label>}
+          {error?.message && (
+            <Label prompt pointing>
+              {error?.message}
+            </Label>
+          )}
         </Form.Field>
       )}
     />