@gridsuite/commons-ui 0.69.0 → 0.69.1

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

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

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

@@ -1,35 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import { toFlatOptionArray } from "react-querybuilder";
-import { Autocomplete, TextField } from "@mui/material";
-function FieldSelector({
-  options,
-  className,
-  value,
-  disabled,
-  handleOnChange,
-  title
-}) {
-  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",
-      title,
-      renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, label: "", variant: "standard" }),
-      autoHighlight: true,
-      getOptionLabel: (option) => option.label
+import { MaterialValueSelector } from "@react-querybuilder/material";
+const ITEM_HEIGHT = 32;
+const ITEM_PADDING = 4;
+const ITEMS_COUNT = 10;
+const MenuProps = {
+  PaperProps: {
+    style: {
+      maxHeight: (ITEM_HEIGHT + ITEM_PADDING) * ITEMS_COUNT + ITEM_PADDING
     }
-  );
+  }
+};
+function FieldSelector(props) {
+  return /* @__PURE__ */ jsx(MaterialValueSelector, { ...props, MenuProps });
 }
 export {
   FieldSelector

package/package.json

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