@gridsuite/commons-ui 0.80.0 → 0.81.0

package/dist/components/inputs/reactHookForm/selectInputs/MuiSelectInput.d.ts

@@ -5,6 +5,6 @@ export type MuiSelectInputProps = SelectProps & {
     options: {
         id: string;
         label: string;
-    }[];
+    }[] | string[];
 };
 export declare function MuiSelectInput({ name, options, ...props }: MuiSelectInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/selectInputs/MuiSelectInput.js

@@ -2,13 +2,19 @@ import { jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
 import { Select, MenuItem } from "@mui/material";
 import { useController } from "react-hook-form";
+function renderMenuItem(option) {
+  const key = typeof option === "string" ? option : option.id;
+  const value = key;
+  const label = typeof option === "string" ? option : /* @__PURE__ */ jsx(FormattedMessage, { id: option.label });
+  return /* @__PURE__ */ jsx(MenuItem, { value, children: label }, key);
+}
 function MuiSelectInput({ name, options, ...props }) {
   const {
     field: { value, onChange }
   } = useController({
     name
   });
-  return /* @__PURE__ */ jsx(Select, { value, onChange, ...props, children: options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.id ?? option, children: /* @__PURE__ */ jsx(FormattedMessage, { id: option.label ?? option }) }, option.id ?? option.label)) });
+  return /* @__PURE__ */ jsx(Select, { value, onChange, ...props, children: options.map(renderMenuItem) });
 }
 export {
   MuiSelectInput

package/package.json

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