@gridsuite/commons-ui 0.249.0 → 0.249.1

package/dist/components/composite/reactQueryBuilder/CustomReactQueryBuilder.js

@@ -16,7 +16,7 @@ import { ValueSelector } from "./ValueSelector.js";
 import { COMBINATOR_OPTIONS } from "../filter/expert/expertFilterConstants.js";
 import { ErrorInput } from "../../ui/reactHookForm/errorManagement/ErrorInput.js";
 import { FieldErrorAlert } from "../../ui/reactHookForm/errorManagement/FieldErrorAlert.js";
-import { countRules, queryValidator, getOperators } from "../filter/expert/expertFilterUtils.js";
+import { getOperators, countRules, queryValidator } from "../filter/expert/expertFilterUtils.js";
 import { RemoveButton } from "./RemoveButton.js";
 import { FieldSelector } from "./FieldSelector.js";
 import { OperatorSelector } from "./OperatorSelector.js";
@@ -38,6 +38,22 @@ const customTranslations = {
   value: { title: "" },
   combinators: { title: "" }
 };
+const dnd = { ...ReactDnD, ...ReactDndHtml5Backend };
+const controlElements = {
+  addRuleAction: RuleAddButton,
+  addGroupAction: GroupAddButton,
+  combinatorSelector: CombinatorSelector,
+  removeRuleAction: RemoveButton,
+  removeGroupAction: RemoveButton,
+  valueEditor: ValueEditor,
+  operatorSelector: OperatorSelector,
+  fieldSelector: FieldSelector,
+  valueSourceSelector: ValueSelector
+};
+const accessibleDescriptionGenerator = () => "";
+const controlClassnames = {
+  queryBuilder: "queryBuilder-branches"
+};
 function CustomReactQueryBuilder(props) {
   const { name, fields } = props;
   const {
@@ -49,6 +65,7 @@ function CustomReactQueryBuilder(props) {
   } = useFormContext();
   const intl = useIntl();
   const query = watch(name);
+  const getOperatorsMemo = useCallback((fieldName) => getOperators(fieldName, intl), [intl]);
   const handleQueryChange = useCallback(
     (newQuery) => {
       const oldQuery = getValues(name);
@@ -68,7 +85,7 @@ function CustomReactQueryBuilder(props) {
     }));
   }, [intl]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(QueryBuilderMaterial, { children: /* @__PURE__ */ jsx(QueryBuilderDnD, { dnd: { ...ReactDnD, ...ReactDndHtml5Backend }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(QueryBuilderMaterial, { children: /* @__PURE__ */ jsx(QueryBuilderDnD, { dnd, children: /* @__PURE__ */ jsx(
       QueryBuilder,
       {
         fields,
@@ -76,24 +93,12 @@ function CustomReactQueryBuilder(props) {
         addRuleToNewGroups: true,
         combinators,
         onQueryChange: handleQueryChange,
-        getOperators: (fieldName) => getOperators(fieldName, intl),
+        getOperators: getOperatorsMemo,
         validator: queryValidator,
-        controlClassnames: {
-          queryBuilder: "queryBuilder-branches"
-        },
-        controlElements: {
-          addRuleAction: RuleAddButton,
-          addGroupAction: GroupAddButton,
-          combinatorSelector: CombinatorSelector,
-          removeRuleAction: RemoveButton,
-          removeGroupAction: RemoveButton,
-          valueEditor: ValueEditor,
-          operatorSelector: OperatorSelector,
-          fieldSelector: FieldSelector,
-          valueSourceSelector: ValueSelector
-        },
+        controlClassnames,
+        controlElements,
         listsAsArrays: true,
-        accessibleDescriptionGenerator: () => "",
+        accessibleDescriptionGenerator,
         translations: customTranslations
       }
     ) }) }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.249.0",
+    "version": "0.249.1",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",