@gridsuite/commons-ui 0.66.0 → 0.66.1

package/dist/components/inputs/reactQueryBuilder/AutocompleteWithFavorites.js

@@ -27,6 +27,7 @@ function AutocompleteWithFavorites({
       size: "small",
       value,
       options: optionsWithFavorites,
+      isOptionEqualToValue: (option, val) => option === val || val === "",
       ...otherProps,
       groupBy: (option) => favorites.includes(option) ? `fav` : "not_fav",
       multiple: Array.isArray(value),

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

@@ -17,6 +17,7 @@ import ErrorInput from "../reactHookForm/errorManagement/ErrorInput.js";
 import FieldErrorAlert from "../reactHookForm/errorManagement/FieldErrorAlert.js";
 import { countRules, getOperators, queryValidator } from "../../filter/expert/expertFilterUtils.js";
 import RemoveButton from "./RemoveButton.js";
+import FieldSelector from "./FieldSelector.js";
 function RuleAddButton(props) {
   return /* @__PURE__ */ jsx(AddButton, { ...props, label: "rule" });
 }
@@ -74,7 +75,7 @@ function CustomReactQueryBuilder(props) {
           removeGroupAction: RemoveButton,
           valueEditor: ValueEditor,
           operatorSelector: ValueSelector,
-          fieldSelector: ValueSelector,
+          fieldSelector: FieldSelector,
           valueSourceSelector: ValueSelector
         },
         listsAsArrays: true

package/dist/components/inputs/reactQueryBuilder/FieldSelector.d.ts

@@ -0,0 +1,4 @@
+import { ValueSelectorProps } from 'react-querybuilder';
+
+declare function FieldSelector({ options, className, value, disabled, handleOnChange }: Readonly<ValueSelectorProps>): import("react/jsx-runtime").JSX.Element;
+export default FieldSelector;

package/dist/components/inputs/reactQueryBuilder/FieldSelector.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { toFlatOptionArray } from "react-querybuilder";
+import { Autocomplete, TextField } from "@mui/material";
+function FieldSelector({ options, className, value, disabled, handleOnChange }) {
+  const optionList = toFlatOptionArray(options);
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      onChange: (event, newValue) => {
+        if (newValue) {
+          handleOnChange(newValue.name);
+        }
+      },
+      value: optionList.find((option) => option.name === value),
+      disabled,
+      className,
+      options: optionList,
+      disableClearable: true,
+      size: "small",
+      renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, label: "", variant: "standard" }),
+      autoHighlight: true,
+      getOptionLabel: (option) => option.label
+    }
+  );
+}
+export {
+  FieldSelector as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.66.0",
+    "version": "0.66.1",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",